Add MyCompanyName.MyProjectName.Blazor.styles.css remove main.css duplication

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/MyProjectNameBundleContributor.cs

@@ -2,6 +2,9 @@
 
 namespace MyCompanyName.MyProjectName.Blazor
 {
+    /* Add your global styles/scripts here.
+     * See https://docs.abp.io/en/abp/latest/UI/Blazor/Global-Scripts-Styles to learn how to use it
+     */
     public class MyProjectNameBundleContributor : IBundleContributor
     {
         public void AddScripts(BundleContext context)

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor.css

@@ -0,0 +1 @@
+/* Write here your styles for the Index page */

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html

@@ -9,7 +9,7 @@
 
     <!--ABP:Styles-->
     <link href="global.css?_v=637517506080977400" rel="stylesheet"/>
-    <link href="main.css" rel="stylesheet"/>
+    <link href="MyCompanyName.MyProjectName.Blazor.styles.css" rel="stylesheet"/>
     <!--/ABP:Styles-->
 </head>
 

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css

@@ -1,4 +1,5 @@
-.spinner {
+/* Global styles for the MyProjectName application */
+.spinner {
     width: 40px;
     height: 40px;
     display: block;
@@ -45,4 +46,4 @@
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
     }
-}
+}