:root{--maalarinvalkoinen: #f9f9f9;--taustamusta: #0a0a0a;--dimColour-dark: #1a1a1a;--dimColour-light: #d7d7d7;margin:0 auto;text-align:center}body{margin:0;background-color:var(--taustamusta);color:var(--maalarinvalkoinen);font-family:Arial,Courier,monospace;max-height:100vh}h1{font-size:clamp(2rem,4vw + 1rem,3rem);line-height:1.1}header{align-items:end}footer{color:var(--dimColour-dark)}footer :scope{place-items:bottom}#app{display:grid;grid-template-rows:1fr 1fr 1fr;place-items:center;max-height:inherit;overflow-x:hidden}#countdown{display:grid;grid-template-columns:1fr 3fr;gap:.5rem;text-align:left;line-height:1.4em}.dateReachedAnimation{animation:countdownhype 2s ease-in-out infinite alternate}@keyframes countdownhype{0%{filter:blur(2px);translate:-20vw 0;scale:1 1}50%{filter:blur(0px);translate:0 0;scale:1.5 1.5}to{filter:blur(2px);translate:20vw 0;scale:1 1}}.durationNum{text-align:right}@media (prefers-color-scheme: light){:root{color:var(--taustamusta);background-color:var(--maalarinvalkoinen)}body{background-color:var(--maalarinvalkoinen);color:var(--taustamusta)}footer{color:var(--dimColour-light)}}@media (prefers-contrast: more){footer{color:var(--maalarinvalkoinen)}}@media (prefers-contrast: more) and (prefers-color-scheme: light){footer{color:var(--taustamusta)}}