@import"https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..800,0..1,0..1,0..1&display=swap";:root{--font-title: "Recursive", monospace;--mono: 1;--casl: 0;--wght: 300;--slnt: 0;--CRSV: .5;--accent: hsl(120, 100%, 25%);--dark: hwb(0 0% 100%);--dark-accent: hsl(from var(--dark) 120 calc(s + 10) calc(l + 10) );--text-on-dark: hsl(from var(--accent) h s l);--size-scale: 1.5;--size-md: clamp(16px, calc(1rem + .5vw) , 24px);--size-lg: calc(var(--size-md, 1rem) * var(--size-scale, 1.25))}html,body{width:100%;min-height:100%;margin:0;font-family:var(--font-title);font-size:var(--size-md, 1rem);letter-spacing:var(--letter-spacing, inherit);font-variation-settings:"MONO" var(--mono),"CASL" var(--casl),"wght" var(--wght),"slnt" var(--slnt),"CRSV" var(--CRSV);background-color:#000}main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--accent);min-height:100%;max-width:1024px;margin:1em auto}h1{font-size:var(--size-lg)}h1:before{content:">";margin-right:1em}input,textarea,select{background-color:var(--dark-accent);color:var(--text-on-dark);font-size:var(--size-md);padding:calc((var(--size-lg) - var(--size-md)) / 2)}fieldset{border:1px solid var(--accent);padding:var(--size-md);>legend,legend:first-child+*{margin-top:0}}button{background-color:transparent;border:0;color:var(--text-on-dark);font-size:var(--size-md);padding:calc((var(--size-lg) - var(--size-md)) / 2);&:hover{background-color:var(--dark-accent);cursor:pointer}}