From 2c63f1bc3a9a075acde7d511a6e898a21a5a12bc Mon Sep 17 00:00:00 2001 From: Nikology Date: Sun, 13 Sep 2026 10:28:12 +0200 Subject: [PATCH] Format Document and remove redundant style --- styles.css | 45 ++++++++++++++++++++++++++------------------- 1 file changed, 26 insertions(+), 19 deletions(-) diff --git a/styles.css b/styles.css index fbe5e9b..90cce98 100644 --- a/styles.css +++ b/styles.css @@ -28,30 +28,26 @@ body.home { } header { - position: relative; + position: relative; } #hero { - position: absolute; - bottom: calc(100% + 1rem); - font-size: 4rem; - display: flex; - align-items: baseline; -} - -#hero h1 { - margin: 0; -} - -body:not(.home) #hero { - opacity: 0; - pointer-events: none; + position: absolute; + bottom: calc(100% + 1rem); + font-size: 4rem; + display: flex; + align-items: baseline; } #hero h1 { margin: 0; } +body:not(.home) #hero { + opacity: 0; + pointer-events: none; +} + /* App */ #app { @@ -184,7 +180,8 @@ body:not(.homeCommitted) .birdSoundCredit { opacity: 0; position: absolute; top: 15px; - left: 20px; /* Offset */ + left: 20px; + /* Offset */ animation: pop 0.8s ease-out var(--delay); pointer-events: none; } @@ -194,9 +191,19 @@ body:not(.homeCommitted) .birdSoundCredit { } @keyframes pop { - 0% {opacity: 0; transform: rotate(var(--angle)) translateY(var(--distance))} - 50% {opacity: 1; } - 100% {opacity: 0; transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px));} + 0% { + opacity: 0; + transform: rotate(var(--angle)) translateY(var(--distance)) + } + + 50% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px)); + } } #birdButton {