improvements

assets/loader.js

@@ -11,7 +11,7 @@ function adjustFontSize() {
     const asciiArtContainer = document.getElementById('ascii-art-container');
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
-    const baseFontSize = Math.min(windowWidth, windowHeight) / 150;
+    const baseFontSize = Math.min(windowWidth, windowHeight) / 135;
     asciiArtContainer.style.fontSize = `${baseFontSize}px`;
     asciiArtContainer.style.top = `${windowHeight / 2}px`;
     asciiArtContainer.style.left = `${windowWidth / 2}px`;
@@ -42,3 +42,5 @@ function initAsciiEffect(asciiArt) {
     }
     setInterval(flipBit, updateFrequency);
 }
+
+

assets/style.css

@@ -3,12 +3,12 @@
   src: url('../assets/font.woff2') format('woff2');
 }
 body {
-  background-color: #333;
+  background-color: #2e2e2e;
   background-image:
     linear-gradient(to bottom, 
       #000000,
-      #22770156,
-      #221100
+      #1a5c008a,
+      #000000
     );
   background-size: 100% 3px;
   background-repeat: repeat-y;
@@ -20,7 +20,7 @@ body {
     radial-gradient(
       farthest-corner at 50% 50%, 
       rgba(0, 0, 0, 0.6), 
-      rgba(20, 20, 20, 0.6) 50%, 
+      rgba(20, 20, 20, 0.7) 50%, 
       rgba(40, 40, 40, 0.6) 100%
     );
   background-size: 100% 300px;
@@ -55,13 +55,13 @@ body {
   pointer-events: initial;
 }
 .nav-links a:hover {
-  color: #33ccffda;
+  color: #33ccff;
 }
 
 .ascii-art-container {
   position: fixed;
   top: 50%;
-  left: 50%;
+  left: 47% !important;
   transform: translate(-50%, -50%);
   font-size: 10vmin;
   font-family: 'Courier New', monospace;
@@ -75,6 +75,9 @@ body {
   overflow: hidden;
 }
 @media (max-width: 600px) {
+  .ascii-art-container {
+    top: 60% !important;
+  }
   .navbar {
     flex-direction: column;
     align-items: center;