Update style.css

Author: redbackspider77

style.css

@@ -1,12 +1,12 @@
 body {
-    font-family: 'Inter', sans-serif;
+    font-family: 'Zain', sans-serif;
     background-color: #f9f9f9;
     margin: auto;
     padding: 1rem;
     color: #222;
   }
 
-  .match-card {
+.match-card {
     background: white;
     border-radius: 12px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
@@ -16,19 +16,19 @@ body {
     text-align: center;
   }
 
-  .match-title {
+.match-title {
     font-weight: 600;
     margin-bottom: 0.5rem;
   }
 
-  iframe {
+iframe {
     border-radius: 8px;
     width: 100%;
     height: auto;
     aspect-ratio: 1 / 1;
   }
 
-  iframe#userGame {
+iframe#userGame {
     width: 100%;
     max-width: 360px;
     aspect-ratio: 1 / 1;
@@ -39,30 +39,30 @@ body {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }  
 
-  #leaderboard {
+#leaderboard {
     margin-top: 2rem;
     overflow-x: auto;
   }
 
-  #leaderboard table {
+#leaderboard table {
     width: 100%;
     border-collapse: collapse;
     min-width: 300px;
   }
 
-  #leaderboard th,
-  #leaderboard td {
+#leaderboard th,
+#leaderboard td {
     padding: 0.5rem;
     text-align: left;
     border-bottom: 1px solid #eee;
   }
 
-  #leaderboard th {
+#leaderboard th {
     background: #f0f0f0;
   }
 
-  button,
-  #googleSignInBtn {
+button,
+#googleSignInBtn {
     background-color: #4caf50;
     color: white;
     padding: 0.6rem 1rem;
@@ -73,21 +73,21 @@ body {
     margin: 0.5rem 0;
   }
 
-  button:hover,
-  #googleSignInBtn:hover {
+button:hover,
+#googleSignInBtn:hover {
     background-color: #45a049;
   }
 
-  #live-matches,
-  #finished-matches {
+#live-matches,
+#finished-matches {
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
     margin-top: 1rem;
     justify-content: center;
   }
 
-  @media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: dark) {
     body {
       background-color: #1e1e1e;
       color: #ddd;
@@ -113,8 +113,8 @@ body {
     }
   }
 
-  /* Responsive adjustments for small screens */
-  @media (max-width: 600px) {
+/* Responsive adjustments for small screens */
+@media (max-width: 600px) {
     .match-card {
       padding: 0.8rem;
       font-size: 0.9rem;
@@ -133,20 +133,20 @@ body {
     }
   }
 
-  /* Link styles */
-  a:link {
+/* Link styles */
+a:link {
     color: lightskyblue;
   }
 
-  a:visited {
+a:visited {
     color: #6d4b8d;
   }
 
-  a:hover {
+a:hover {
     color: #ffffff;
   }
 
-  a:active {
+a:active {
     color: #ff4040;
     text-decoration: none;
     font-weight: normal;