redesign loader

css/loader.css

@@ -1,28 +1,22 @@
-#gamecontainer {
-    width: 90vw;
-    height: auto;
-    border-radius: 15px;
-    background-color: color-mix(in srgb, var(--color-2) 50%, #00000000 50%);
-    box-shadow: 0 0 10px var(--color-2);
-	backdrop-filter: blur(6px);
+body {
+    overflow: hidden;
 }
 #gameFrame {
-    width: 99%;
-    height: 75vh;
-    margin: 0.5%;
-    margin-bottom: 0;
-    border-radius: 10px;
+    width: 100vw;
+    height: 90vh;
+    margin: 0;
 }
 #infobox {
-    height: 8vh;
+    height: 10vh;
     width: 100%;
-    margin: 1% 0;
     display: flex;
     justify-content: center;
     align-items: center;
+    background-color: #000000;
+    backdrop-filter: blur(4px);
 }
 #infobox img {
-    height: 100%;
+    height: 90%;
     margin: 0.5%;
     aspect-ratio: 1 / 1;
     border-radius: 8px;
@@ -34,7 +28,7 @@
     margin: 4px;
     padding: 2px;
     width: 7%;
-    transition-duration: 0.25s;
+    /* transition-duration: 0.25s; */
     cursor: pointer;
 }
 .button:hover {