Making stuff work better, adding a floppy

assets/sass/pages/about.scss

@@ -17,11 +17,30 @@
     > .about-header {
       text-align: center;
     }
+
+    > .manifesto-container {
+      position: relative;
+      > .manifesto-floppy {
+        position: absolute;
+        right: -50px;
+        top: -20px;
+        width: 150px;
+        transform: rotate(5deg);
+      }
+    }
   }
 }
 
 @media (max-width: 800px) {
   .about-page > .about-content {
     width: 100%;
+
+    > .manifesto-container {
+      > .manifesto-floppy {
+        width: 75px;
+        top: -10px;
+        right: -20px;
+      }
+    }
   }
 }

assets/sass/pages/audio.scss

@@ -0,0 +1,42 @@
+.audio-page {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
+  overflow: hidden;
+}
+
+.star {
+  position: absolute;
+  width: 2px;
+  height: 2px;
+  background: white;
+  border-radius: 50%;
+  animation: twinkle linear infinite;
+}
+
+.star.small {
+  width: 1px;
+  height: 1px;
+}
+
+.star.medium {
+  width: 2px;
+  height: 2px;
+}
+
+.star.large {
+  width: 3px;
+  height: 3px;
+  box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
+}
+
+@keyframes twinkle {
+  0%,
+  100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 1;
+  }
+}