Format Document and remove redundant style

This commit is contained in:
2026-09-13 10:28:12 +02:00
parent a98617b8f0
commit 2c63f1bc3a
+23 -16
View File
@@ -28,15 +28,15 @@ body.home {
} }
header { header {
position: relative; position: relative;
} }
#hero { #hero {
position: absolute; position: absolute;
bottom: calc(100% + 1rem); bottom: calc(100% + 1rem);
font-size: 4rem; font-size: 4rem;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
} }
#hero h1 { #hero h1 {
@@ -44,12 +44,8 @@ header {
} }
body:not(.home) #hero { body:not(.home) #hero {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
}
#hero h1 {
margin: 0;
} }
/* App */ /* App */
@@ -184,7 +180,8 @@ body:not(.homeCommitted) .birdSoundCredit {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 20px; /* Offset */ left: 20px;
/* Offset */
animation: pop 0.8s ease-out var(--delay); animation: pop 0.8s ease-out var(--delay);
pointer-events: none; pointer-events: none;
} }
@@ -194,9 +191,19 @@ body:not(.homeCommitted) .birdSoundCredit {
} }
@keyframes pop { @keyframes pop {
0% {opacity: 0; transform: rotate(var(--angle)) translateY(var(--distance))} 0% {
50% {opacity: 1; } opacity: 0;
100% {opacity: 0; transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px));} transform: rotate(var(--angle)) translateY(var(--distance))
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px));
}
} }
#birdButton { #birdButton {