@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300&family=Space+Mono:wght@400&display=swap";*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh}body{font-family:Space Mono,monospace}#root{min-height:100vh}.screen{min-height:100vh;display:grid;place-items:center;background:#fff}.hero{text-align:center;padding:1.5rem}.hero h1{margin:0;font-family:Fredoka,sans-serif;font-size:clamp(3rem,11vw,7.2rem);font-weight:300;letter-spacing:.03em;text-transform:lowercase;color:#111}.hero p{margin:.8rem 0 0;font-family:Space Mono,monospace;font-size:clamp(.78rem,2vw,.9rem);text-transform:lowercase;letter-spacing:.16em;color:#555}.dots:after{content:"...";display:inline-block;width:0;overflow:hidden;vertical-align:bottom;animation:dots 2s steps(4,end) infinite}@keyframes dots{0%{width:0}75%{width:3ch}to{width:0}}@media(max-width:700px){.hero{width:min(92vw,560px);padding:1.2rem .8rem}.hero p{letter-spacing:.14em}}