diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 176 |
1 files changed, 0 insertions, 176 deletions
diff --git a/style.css b/style.css deleted file mode 100644 index 61e39e0..0000000 --- a/style.css +++ /dev/null @@ -1,176 +0,0 @@ -/* Synthwave Terminal */ - -/* Define the font */ -@font-face { - font-family: 'Hacked'; - src: url('./fonts/Hacked/Hacked-KerX.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} -/* Make canvas sit behind everything */ -canvas { - position: fixed; - top: 0; - left: 0; - z-index: -1; -} -html, body { - height: 100%; - margin: 0; -} - -/* Hide scrollbar for Chrome, Safari and Opera */ -html::-webkit-scrollbar, -body::-webkit-scrollbar { - display: none; -} -html { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -body { - background: radial-gradient(ellipse at bottom, #1a0f2e 0%, #090012 60%, #050008 100%); - color: #e0d6ff; - font-family: "Courier New", monospace; - margin: 0; - padding: 0; - -} - -/* Floating terminal panel */ -.container { - /* visibility: hidden; */ - position: relative; - top: 35%; - z-index: 1; - max-width: 800px; - margin: 80px auto; - padding: 30px; - background: rgba(10, 0, 25, 0.6); - border: 1px solid rgba(255, 0, 255, 0.4); - box-shadow: - 0 0 15px rgba(255, 0, 255, 0.2), - 0 0 40px rgba(0, 255, 255, 0.1); - backdrop-filter: blur(6px); -} - -/* Title glow */ -h1 { - font-size: 42px; - text-align: center; - font-family: 'Hacked'; - color: #ff00ff; - text-shadow: - 0 0 5px #ff00ff, - 0 0 15px rgba(255, 0, 255, 0.6); -} - -/* Subtitle */ -.subtitle { - text-align: center; - font-size: 18px; - margin-bottom: 40px; - color: #c9b6ff; -} - -/* Section headers */ -h2 { - font-size: 22px; - margin-top: 30px; - color: #00ffff; - text-shadow: 0 0 8px rgba(0, 255, 255, 0.6); -} - -/* Terminal-style list */ -ul { - list-style: none; - padding-left: 20px; -} - -li::before { - content: "> "; - color: #ff00ff; -} - -/* Links */ -a { - color: #00ffff; - text-decoration: none; -} - -a:hover { - text-shadow: 0 0 8px #00ffff; -} - -/* Exclude h1 links */ -h1 a { - color: inherit; /* take h1 color */ - text-decoration: none; /* remove underline if any */ - text-shadow: none; /* remove link glow */ -} - -/* Terminal-style form elements */ -input[type="text"], -textarea, -button { - font-family: 'Hacked', monospace; - font-size: 16px; - background: rgba(10, 0, 25, 0.6); - color: #e0d6ff; - border: 1px solid #ff00ff; - border-radius: 4px; - padding: 10px; - outline: none; - box-shadow: - 0 0 5px #ff00ff, - 0 0 15px rgba(255, 0, 255, 0.2); - backdrop-filter: blur(4px); - transition: all 0.2s ease-in-out; - width: 100%; - margin-bottom: 15px; -} - -input[type="text"] { - font-family: "Courier New", monospace; -} - -/* Textarea bigger height */ -textarea { - min-height: 100px; - resize: vertical; -} - -/* Hover/focus effects */ -input[type="text"]:focus, -textarea:focus { - border-color: #00ffff; - box-shadow: - 0 0 5px #00ffff, - 0 0 15px rgba(0, 255, 255, 0.2); -} - -/* Button */ -button { - cursor: pointer; - background: #ff00ff; - color: #000; - font-weight: bold; - border: none; - box-shadow: - 0 0 10px #ff00ff, - 0 0 20px rgba(255, 0, 255, 0.2); -} - -button:hover { - background: #ff66ff; - box-shadow: - 0 0 15px #ff66ff, - 0 0 30px rgba(255, 102, 255, 0.3); -} - -/* Footer */ -footer { - text-align: center; - margin-top: 60px; - font-size: 14px; - color: #888; -} |
