Update content for html

1 files changed, 11 insertions, 89 deletions

diff --git a/style.css b/style.css
index f3b75abf..b705ffb2 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-/* Retro Theme: classic_matrix */
+/* Retro Theme: binary_compiler */
 @font-face {
     font-family: 'text';
     src: url("./text.ttf") format("truetype");
@@ -20,12 +20,12 @@
 }
 
 :root {
-    --color-bg: #2a2a3e;
-    --color-text: #ffffff;
-    --color-primary: #ff66b2;
-    --color-secondary: #66ffff;
-    --color-accent: #ffff99;
-    --color-glow: rgba(255, 102, 178, 0.4);
+    --color-bg: #1a0f00;
+    --color-text: #ff6600;
+    --color-primary: #ff3300;
+    --color-secondary: #ff9900;
+    --color-accent: #ffcc00;
+    --color-glow: rgba(255, 102, 0, 0.2);
 }
 
 * {
@@ -37,30 +37,6 @@ html {
     background-color: var(--color-bg);
     min-height: 100vh;
 }
-/* Terminal scan effect */
-@keyframes terminal-scan {
-    0% { transform: translateY(-100%); }
-    100% { transform: translateY(100vh); }
-}
-
-html::before {
-    content: "";
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 100px;
-    background: linear-gradient(
-        180deg,
-        transparent 0%,
-        rgba(102, 255, 255, 0.08) 50%,
-        transparent 100%
-    );
-    pointer-events: none;
-    z-index: 9999;
-    animation: terminal-scan 6s linear infinite;
-}
-
 
 body {
     font-family: text, monospace;
@@ -73,8 +49,6 @@ body {
     max-width: 1400px;
     position: relative;
     overflow-x: auto;
-
-    text-shadow: 0 0 1px currentColor;
 }
 
 /* Retro glow effect */
@@ -85,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 100%);
+    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
     pointer-events: none;
     z-index: 2;
 }
@@ -118,19 +92,10 @@ h1 {
     padding-bottom: 0.5em;
 }
 
-h1::before {
-    content: "$ ";
-    color: var(--color-secondary);
-}
-
 h2 {
     font-size: 1.8em;
     color: var(--color-secondary);
-}
-
-h2::before {
-    content: "> ";
-    color: var(--color-accent);
+    text-shadow: 0 0 5px var(--color-glow);
 }
 
 h3 {
@@ -138,25 +103,6 @@ h3 {
     color: var(--color-accent);
 }
 
-h3::before {
-    content: "# ";
-    color: var(--color-secondary);
-}
-
-/* Terminal cursor effect */
-@keyframes blink {
-    0%, 49% { opacity: 1;
-}
-    50%, 100% { opacity: 0;
-};
-}
-
-h1::after {
-    content: "_";
-    animation: blink 1s infinite;
-    color: var(--color-primary);
-}
-
 /* Links with retro hover effects */
 a {
     font-family: code, monospace;
@@ -198,7 +144,7 @@ a:hover::after {
     border-right: 4px solid var(--color-accent);
     padding: 1em 2em;
     margin: 2em 0;
-    background-color: rgba(255, 255, 255, 0.05);
+    background-color: rgba(255, 255, 255, 0.02);
     font-style: italic;
     position: relative;
 }
@@ -225,7 +171,7 @@ a:hover::after {
 /* Code blocks with terminal styling */
 pre {
     font-family: code, monospace;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: rgba(0, 0, 0, 0.5);
     border: 1px solid var(--color-primary);
     padding: 1.5em;
     overflow-x: auto;
@@ -323,30 +269,6 @@ h1:hover {
     animation: glitch 0.3s infinite;
 }
 
-/* Terminal scan refresh */
-@keyframes terminal-scan {
-    0% { transform: translateY(-100%); }
-    100% { transform: translateY(100%); }
-}
-
-body::after {
-    content: "";
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 100px;
-    background: linear-gradient(
-        180deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.02) 50%,
-        transparent 100%
-    );
-    pointer-events: none;
-    z-index: 5;
-    animation: terminal-scan 8s linear infinite;
-}
-
 /* Footer styling */
 .footer {
     margin-top: 4em;