save file

Author: javascript-2020

merry-christmas/2025/merry-christmas-2025.html

@@ -27,29 +27,45 @@
     {font-family:allura;color:#c5a880;background:#00101a}
 
   body
-    {overflow:hidden;background:#00101a;opacity:0;transition:all 1s}
-      
+    {overflow:hidden;background:#00101a;opacity:0;transition:all 1s;
+      --fs-title:110px;
+      --fs-link:50px;
+      --fs-prev:50px;
+      --fs-click:50px;
+      --fs-loading:50px;
+    }
+
+  @media (max-width:767px){
+    body
+      {--fs-title:50px
+      --fs-link:30px;
+      --fs-prev:20px;
+      }
+  }
+  
+  
+  
   canvas 
     {position:fixed;width:100vw;height:100vh}
 
   #link
-    {position:absolute;left:0;right:0;top:20px;text-align:center;font-size:50px;color:#c5a880}
+    {position:absolute;left:0;right:0;top:20px;text-align:center;font-size:var(--fs-link);color:#c5a880}
 
   #xmas-2024
-    {position:absolute;left:20px;top:20px;font-size:50px;color:#c5a880}
+    {position:absolute;left:20px;top:20px;font-size:var(--fs-prev);color:#c5a880}
 
   h2
-    {position:absolute;left:0;right:0;top:100px;text-align:center;font-size:110px}
+    {position:absolute;left:0;right:0;top:100px;text-align:center;font-size:var(--fs-title)}
 
 
   #info
     {position:absolute;bottom:0;left:0;right:0;margin:auto;text-align:center}
 
   h3
-    {position:absolute;bottom:100px;left:0;right:0;margin:auto;text-align:center;font-size:50px}
+    {position:absolute;bottom:100px;left:0;right:0;margin:auto;text-align:center;font-size:var(--fs-click)}
 
   #loading
-    {position:absolute;bottom:20px;left:0;right:0;margin:auto;text-align:center;font-size:50px}
+    {position:absolute;bottom:20px;left:0;right:0;margin:auto;text-align:center;font-size:var(--fs-loading)}