字型優化

style.css

@@ -2768,14 +2768,11 @@ body #btn-a #mobile-btn:hover {
 @media screen and (max-width: 767px) {
   .container #countdown {
     width: 100vw;
-    margin: 0 auto;
   }
 }
 
 @media screen and (max-width: 400px) {
   .container #countdown {
-    width: 90vw;
-    margin: 0 auto;
     width: 100vw;
   }
 }
@@ -2795,6 +2792,13 @@ body #btn-a #mobile-btn:hover {
   }
 }
 
+@media screen and (max-width: 767px) {
+  .container li {
+    font-size: 12px;
+    text-align: center;
+  }
+}
+
 @media screen and (max-width: 400px) {
   .container li {
     font-size: 12px;

style.scss

@@ -15,7 +15,7 @@ $navbgcolor: #a9d0c5;
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap");
 @font-face {
     font-family: 追奇手寫體;
-    src: url(./drechifont-proportional.woff);
+    src: url(./drechifont-Proportional.woff);
     font-weight: 900;
 }
 @media screen and(max-width:$table) {
@@ -1705,15 +1705,14 @@ body {
         }
         @media screen and(max-width:$moblie) {
             width: 100vw;
-            margin: 0 auto;
+           
         }
         @media screen and(max-width:400px) {
-            width: 90vw;
-            margin: 0 auto;
+        
+           
             width: 100vw;
         }
-        ul {
-        }
+        
     }
     li {
         display: inline-block;
@@ -1725,6 +1724,11 @@ body {
             font-size: 16px;
             text-align: center;
         }
+        @media screen and(max-width:$moblie) {
+            font-size: 12px;
+            text-align: center;
+           
+        }
         @media screen and(max-width:400px) {
             font-size: 12px;
         }