From 16953dd3c7bf5e4eaf7216c2a4ef50b821819b8b Mon Sep 17 00:00:00 2001 From: Hijau-dev Date: Mon, 1 Dec 2025 11:25:02 +0700 Subject: [PATCH] Update --- Main.html | 2 +- Style.css | 72 +++++++++++++++++++++++++++++++------------------------ 2 files changed, 42 insertions(+), 32 deletions(-) diff --git a/Main.html b/Main.html index 97a86a4..08dcb68 100644 --- a/Main.html +++ b/Main.html @@ -14,7 +14,7 @@
-

GALAXY STRIKER

+

SPACE ODDYSEY

diff --git a/Style.css b/Style.css index 47884b9..a87f304 100644 --- a/Style.css +++ b/Style.css @@ -25,15 +25,6 @@ body { } - - - - - - - - - #startMenu { position: absolute; width: 1280px; @@ -50,7 +41,6 @@ body { align-items: center; z-index: 10; - font-family: 'Poppins', Arial, sans-serif; animation: fadeIn 1s ease-out; @@ -62,45 +52,65 @@ body { } .title { - font-size: 70px; + font-size: 90px; margin-bottom: 40px; color: #ffffff; letter-spacing: 4px; + font-weight: 900; - text-shadow: - 0 0 10px #00eaff, - 0 0 20px #00eaff, - 0 0 30px rgba(0, 234, 255, 0.7); + text-shadow: + 2px 2px 0px #00bcd4, + 4px 4px 0px #009bb0, + 6px 6px 0px #007a8c, + 8px 8px 0px #005a68, + 10px 10px 12px rgba(0, 234, 255, 0.7), + 0 0 25px #00eaff; - animation: glow 3s infinite alternate ease-in-out; + animation: pixelGlow 2s infinite alternate ease-in-out; } -@keyframes glow { - from { text-shadow: 0 0 8px #00eaff, 0 0 16px #00eaff; } - to { text-shadow: 0 0 20px #00eaff, 0 0 40px #00eaff; } +@keyframes pixelGlow { + from { + text-shadow: + 2px 2px 0px #00eaff, + 4px 4px 0px #00bcd4, + 6px 6px 0px #009bb0, + 8px 8px 0px #007a8c, + 10px 10px 14px rgba(0, 234, 255, 0.9), + 0 0 35px #00eaff; + } + to { + text-shadow: + 2px 2px 0px #00eaff, + 3px 3px 0px #00bcd4, + 5px 5px 0px #009bb0, + 7px 7px 0px #007a8c, + 9px 9px 12px rgba(0, 234, 255, 0.7), + 0 0 20px #00eaff; + } } .menuButton { font-size: 28px; - padding: 12px 50px; - margin: 10px; + padding: 15px 55px; + margin: 12px; cursor: pointer; - - background: rgba(20, 20, 20, 0.8); + background: linear-gradient(145deg, #111, #1b1b1b); color: white; - border: 2px solid #00eaff; - border-radius: 12px; - - box-shadow: 0 0 10px rgba(0, 234, 255, 0.4); - + border-radius: 40px; + box-shadow: + 0 4px 0 #00bcd4, + 0 0 12px rgba(0, 234, 255, 0.4), + inset 0 0 15px rgba(0, 234, 255, 0.2); transition: 0.3s ease-in-out; } - .menuButton:hover { background: #00eaff; color: #000; - box-shadow: 0 0 20px #00eaff; - transform: scale(1.05) + transform: translateY(-5px) scale(1.08); + box-shadow: + 0 10px 20px rgba(0, 234, 255, 0.6), + 0 0 30px #00eaff; } \ No newline at end of file