Adding about page

assets/sass/style.scss

@@ -1,11 +1,16 @@
 @import "partials/global-styles";
 
+@import "partials/neon-sign";
 @import "partials/music";
 @import "partials/vu-meter";
 @import "partials/terminal";
 @import "partials/now-playing";
 @import "partials/lavalamp";
 
+@import "partials/content-screens";
+
+@import "pages/about";
+
 @import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap");
 
 * {
@@ -17,7 +22,6 @@
 body {
   width: 100%;
   height: 100vh;
-  overflow: hidden;
   font-family: "Courier New", monospace;
   background: #1a1a1a;
   position: relative;
@@ -1548,78 +1552,3 @@ body {
 
 /* Import a nice cursive font */
 @import url("https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap");
-
-/* Neon sign styling */
-.neon-sign {
-  position: absolute;
-  top: 5%;
-  left: 60%;
-  transform: translateX(-50%) rotate(-10deg);
-  z-index: 1;
-}
-
-.neon-text {
-  font-family: "Neonderthaw", cursive;
-  font-size: 7rem;
-  color: #fff;
-  text-shadow:
-    /* White core */
-    0 0 5px #fff,
-    0 0 5px #fff,
-    /* Bright green inner glow */ 0 0 21px #0f0,
-    0 0 42px #0f0,
-    0 0 82px #0f0,
-    /* Outer green glow */ 0 0 92px #0f0,
-    0 0 142px #0f0,
-    0 0 181px #0f0;
-  animation:
-    neon-flicker 10s infinite alternate,
-    neon-pulse 3s ease-in-out infinite;
-}
-
-@keyframes neon-pulse {
-  0%,
-  100% {
-    text-shadow:
-      0 0 7px #fff,
-      0 0 10px #fff,
-      0 0 21px #0f0,
-      0 0 42px #0f0,
-      0 0 82px #0f0,
-      0 0 92px #0f0,
-      0 0 102px #0f0,
-      0 0 151px #0f0;
-  }
-  50% {
-    text-shadow:
-      0 0 4px #fff,
-      0 0 7px #fff,
-      0 0 15px #0f0,
-      0 0 30px #0f0,
-      0 0 60px #0f0,
-      0 0 70px #0f0,
-      0 0 80px #0f0,
-      0 0 120px #0f0;
-  }
-}
-
-@keyframes neon-flicker {
-  0%,
-  19%,
-  21%,
-  23%,
-  25%,
-  54%,
-  56%,
-  100% {
-    opacity: 1;
-  }
-  20%,
-  24%,
-  55% {
-    opacity: 0.4;
-  }
-  22% {
-    opacity: 0.6;
-  }
-}