optimizations

css/games.css

@@ -1,4 +1,4 @@
-game {
+.game {
     width: 20vw;
     height: 10vh;
     background-color: color-mix(in srgb, var(--color-2) 40%, #00000000 60%);
@@ -11,12 +11,15 @@ game {
     /* transition-duration: 0.25s; */
 	backdrop-filter: blur(2px);
     box-shadow: 0 0 10px var(--color-2);
+    text-decoration: none;
+    content-visibility: auto;
+    contain-intrinsic-size: auto 10vh;
 }
-game:hover {
+.game:hover {
     transform: scale(1.1);
     filter:brightness(1.15);
 }
-game img {
+.game img {
     height: 80%;
 	border-radius: 15px;
 	aspect-ratio: 1 / 1;
@@ -80,15 +83,15 @@ body {
 }
 warnings {
     position: absolute;
-    top: -20px;
-    left: -20px;
+    top: 0px;
+    right: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 warning {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
     color: var(--text-color);
     border-radius: 100%;
     display: flex;