add formatting

src/style.css

@@ -1,4 +1,6 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
@@ -225,13 +227,11 @@ body {
     content: '';
     position: absolute;
     inset: 0;
-    background: repeating-linear-gradient(
-        0deg,
-        transparent,
-        transparent 2px,
-        rgba(0, 0, 0, 0.15) 2px,
-        rgba(0, 0, 0, 0.15) 4px
-    );
+    background: repeating-linear-gradient(0deg,
+            transparent,
+            transparent 2px,
+            rgba(0, 0, 0, 0.15) 2px,
+            rgba(0, 0, 0, 0.15) 4px);
     z-index: 1;
     pointer-events: none;
 }
@@ -270,8 +270,15 @@ body {
 }
 
 @keyframes cursorBlink {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0; }
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0;
+    }
 }
 
 .eth-brand {
@@ -305,7 +312,7 @@ body {
     position: relative;
     display: flex;
     align-items: center;
-    box-shadow: 
+    box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.03),
         0 2px 8px rgba(0, 0, 0, 0.4);
     overflow: visible;
@@ -506,8 +513,13 @@ body {
 }
 
 @keyframes spin {
-    from { transform: rotate(0deg); }
-    to { transform: rotate(360deg); }
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
 }
 
 .fan-slow {
@@ -572,25 +584,59 @@ body {
 }
 
 @keyframes blink1 {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.2; }
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.2;
+    }
 }
 
 @keyframes blink2 {
-    0%, 100% { opacity: 0.3; }
-    50% { opacity: 1; }
+
+    0%,
+    100% {
+        opacity: 0.3;
+    }
+
+    50% {
+        opacity: 1;
+    }
 }
 
 @keyframes blink3 {
-    0%, 100% { opacity: 1; }
-    30% { opacity: 0.1; }
-    60% { opacity: 0.8; }
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    30% {
+        opacity: 0.1;
+    }
+
+    60% {
+        opacity: 0.8;
+    }
 }
 
 @keyframes blink4 {
-    0%, 100% { opacity: 0.5; }
-    25% { opacity: 1; }
-    75% { opacity: 0.2; }
+
+    0%,
+    100% {
+        opacity: 0.5;
+    }
+
+    25% {
+        opacity: 1;
+    }
+
+    75% {
+        opacity: 0.2;
+    }
 }
 
 .rack-mount {
@@ -649,13 +695,11 @@ body {
     left: 0;
     right: 0;
     bottom: 0;
-    background: repeating-linear-gradient(
-        180deg,
-        transparent,
-        transparent 20px,
-        rgba(0, 0, 0, 0.3) 20px,
-        rgba(0, 0, 0, 0.3) 21px
-    );
+    background: repeating-linear-gradient(180deg,
+            transparent,
+            transparent 20px,
+            rgba(0, 0, 0, 0.3) 20px,
+            rgba(0, 0, 0, 0.3) 21px);
 }
 
 .rack-label {
@@ -808,8 +852,15 @@ nav .nav-inner {
 }
 
 @keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.4;
+    }
 }
 
 .hero h1 {
@@ -1234,12 +1285,30 @@ section {
     line-height: 1.8;
 }
 
-.code-keyword { color: #c084fc; }
-.code-function { color: #60a5fa; }
-.code-string { color: #34d399; }
-.code-comment { color: #52525b; font-style: italic; }
-.code-variable { color: #f472b6; }
-.code-operator { color: #fbbf24; }
+.code-keyword {
+    color: #c084fc;
+}
+
+.code-function {
+    color: #60a5fa;
+}
+
+.code-string {
+    color: #34d399;
+}
+
+.code-comment {
+    color: #52525b;
+    font-style: italic;
+}
+
+.code-variable {
+    color: #f472b6;
+}
+
+.code-operator {
+    color: #fbbf24;
+}
 
 .project-info {
     padding: 1.5rem;
@@ -1625,6 +1694,7 @@ footer p {
         opacity: 0;
         transform: translateX(100px) scale(0.9);
     }
+
     to {
         opacity: 1;
         transform: translateX(0) scale(1);
@@ -1636,6 +1706,7 @@ footer p {
         opacity: 1;
         transform: translateX(0) scale(1);
     }
+
     to {
         opacity: 0;
         transform: translateX(100px) scale(0.9);
@@ -1679,14 +1750,37 @@ footer p {
         transform: translateY(0);
     }
 
-    .nav-links.active li:nth-child(1) { transition-delay: 0.05s; }
-    .nav-links.active li:nth-child(2) { transition-delay: 0.1s; }
-    .nav-links.active li:nth-child(3) { transition-delay: 0.15s; }
-    .nav-links.active li:nth-child(4) { transition-delay: 0.2s; }
-    .nav-links.active li:nth-child(5) { transition-delay: 0.25s; }
-    .nav-links.active li:nth-child(6) { transition-delay: 0.3s; }
-    .nav-links.active li:nth-child(7) { transition-delay: 0.35s; }
-    .nav-links.active li:nth-child(8) { transition-delay: 0.4s; }
+    .nav-links.active li:nth-child(1) {
+        transition-delay: 0.05s;
+    }
+
+    .nav-links.active li:nth-child(2) {
+        transition-delay: 0.1s;
+    }
+
+    .nav-links.active li:nth-child(3) {
+        transition-delay: 0.15s;
+    }
+
+    .nav-links.active li:nth-child(4) {
+        transition-delay: 0.2s;
+    }
+
+    .nav-links.active li:nth-child(5) {
+        transition-delay: 0.25s;
+    }
+
+    .nav-links.active li:nth-child(6) {
+        transition-delay: 0.3s;
+    }
+
+    .nav-links.active li:nth-child(7) {
+        transition-delay: 0.35s;
+    }
+
+    .nav-links.active li:nth-child(8) {
+        transition-delay: 0.4s;
+    }
 
     .hamburger {
         display: flex;
@@ -1780,4 +1874,4 @@ footer p {
     .about-stats {
         grid-template-columns: 1fr;
     }
-}
+}