Ensure character drop zone is truly invisible by moving styles to global app.css

Author: DerekGooding

Mythril.Blazor/Components/CharacterDisplay.razor.css

@@ -8,14 +8,6 @@
     margin-bottom: 0.5rem;
 }
 
-.character-drop-zone {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    background: transparent !important;
-    display: block;
-}
-
 .character-controls {
     flex-shrink: 0;
     min-width: 65px;

Mythril.Blazor/wwwroot/css/app.css

@@ -162,3 +162,11 @@ main, .content {
     70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 68, 68, 0); }
     100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 68, 68, 0); }
 }
+
+.character-drop-zone {
+    border: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    background: transparent !important;
+    display: block;
+}