Delete style.css

style.css

@@ -1,104 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
-
-:root {
-    --bg-color: #020513;
-    --window-bg: rgba(5, 10, 31, 0.85);
-    --neon-cyan: #00e5ff;
-    --neon-red: #ff003c;
-    --text-color: #a4b4cc;
-}
-
-body {
-    margin: 0; overflow: hidden; font-family: 'Share Tech Mono', monospace;
-    color: var(--text-color);
-    background-color: #000; /* Fallback */
-    background-image: url('YOUR_UPLOADED_IMAGE_PATH_HERE.jpg'); /* PUT WALLPAPER HERE */
-    background-size: cover; background-position: center; background-repeat: no-repeat;
-    height: 100vh; user-select: none;
-}
-
-/* =========================================
-   CRT Effect & Boot Screen
-========================================= */
-.crt {
-    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
-    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
-                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
-    background-size: 100% 2px, 3px 100%;
-    z-index: 9999; /* Keeps scanlines over EVERYTHING */
-    pointer-events: none; /* Allows clicking through the scanlines */
-}
-
-#boot-screen {
-    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
-    background-color: #020513; z-index: 9000;
-    padding: 20px; box-sizing: border-box;
-    display: flex; flex-direction: column; justify-content: flex-end;
-    transition: opacity 1s ease-out;
-}
-#boot-text {
-    color: var(--neon-cyan); text-shadow: 0 0 5px var(--neon-cyan);
-    font-size: 14px; white-space: pre-wrap; word-wrap: break-word;
-    overflow-y: hidden;
-}
-
-/* =========================================
-   Desktop & Windows
-========================================= */
-.desktop { padding: 20px; display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 1;}
-.icon {
-    width: 80px; text-align: center; cursor: pointer; padding: 10px; border-radius: 5px;
-    transition: background 0.2s;
-}
-.icon:hover { background: rgba(0, 229, 255, 0.2); border: 1px solid var(--neon-cyan); }
-.icon img { width: 40px; height: 40px; filter: drop-shadow(0 0 5px var(--neon-cyan)); }
-.icon span { display: block; margin-top: 5px; font-size: 12px; color: white; text-shadow: 0 0 5px black; }
-
-.window {
-    position: absolute; top: 100px; left: 150px; width: 600px; height: 450px;
-    background: var(--window-bg); border: 1px solid var(--neon-cyan);
-    box-shadow: 0 0 20px rgba(0, 229, 255, 0.2), inset 0 0 10px rgba(0, 229, 255, 0.1);
-    backdrop-filter: blur(5px); display: flex; flex-direction: column; z-index: 10;
-}
-.window-header {
-    background: linear-gradient(90deg, #0a1930 0%, #050a1f 100%);
-    border-bottom: 1px solid var(--neon-cyan); padding: 5px 10px;
-    display: flex; justify-content: space-between; align-items: center;
-    cursor: grab; color: var(--neon-cyan); font-weight: bold;
-}
-.window-header:active { cursor: grabbing; }
-.window-controls button {
-    background: none; border: none; color: var(--text-color); cursor: pointer; font-family: inherit; font-size: 16px;
-}
-.window-controls button:hover { color: var(--neon-red); text-shadow: 0 0 5px var(--neon-red); }
-.window-content { flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; }
-
-/* =========================================
-   App Specific Styles
-========================================= */
-.system-msg { color: #555; font-style: italic; }
-.bot-msg { color: var(--neon-cyan); }
-.hacker-input {
-    background: transparent; border: none; border-bottom: 1px solid var(--neon-cyan);
-    color: white; width: 100%; font-family: inherit; outline: none; margin-top: auto; padding: 5px 0;
-}
-#notepad-input {
-    width: 100%; height: 100%; background: transparent; border: none; color: var(--neon-cyan);
-    font-family: 'Share Tech Mono', monospace; padding: 15px; box-sizing: border-box; resize: none; outline: none;
-}
-#snake-canvas { border: 1px solid var(--neon-cyan); box-shadow: 0 0 10px var(--neon-cyan); }
-
-/* =========================================
-   Taskbar
-========================================= */
-.taskbar {
-    position: absolute; bottom: 0; width: 100%; height: 40px;
-    background: rgba(5, 10, 31, 0.9); border-top: 1px solid var(--neon-cyan);
-    display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; z-index: 100;
-}
-.start-btn {
-    background: var(--neon-cyan); color: black; border: none; padding: 5px 15px;
-    font-weight: bold; font-family: inherit; cursor: pointer; text-transform: uppercase;
-}
-.start-btn:hover { box-shadow: 0 0 10px var(--neon-cyan); }
-.clock { margin-left: auto; color: var(--neon-cyan); font-weight: bold; }