@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--green:#00811f;--green-hover:#0cbb36;--white:white;--black:black;--magenta:#c93675;--magenta-dark:#9a1c52;--grey:#767676;--light-grey:#cdcdcd;--red:#ec221f;--almost-black:#0c0c0d;--btn-anim-disabled:#d9d9d9;--btn-anim-slide:#b3b3b3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--black);background-color:#0000;background-image:linear-gradient(#fff9,#fff9),url(/img/bg.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Atkinson Hyperlegible,sans-serif;font-size:1.2rem;line-height:1.4}@media (width<=400px) or (height<=500px){body{font-size:1.1rem;line-height:1.2}}#root{max-width:800px;margin:0 auto}@keyframes moveIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.4s ease-out moveIn}.center{text-align:center;justify-content:center;align-items:center;display:flex}.h-full{height:100%}.p-1{padding:1rem}