@font-face{font-display:swap;font-family:Pragati Narrow;font-style:normal;font-weight:400;src:url(../fonts/pragati-narrow-v15-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Aboreto;font-style:normal;font-weight:400;src:url(../fonts/aboreto-v2-latin-regular.woff2) format("woff2")}:root{--primary: #9BDFC1;--light: #FDE8E9;--dark: #395e66;--primary-light: hsl(from var(--primary) h calc(s + 10) calc(l + 10) );--darker: hsl(from var(--dark) h calc(s - 10) calc(l - 10) );--text-on-light: var(--darker);--text-on-dark: hsl(from var(--light) h calc(s + 10) calc(l + 10) );--font-scale: 1.5;--font-sm: calc(var(--font-md, 1rem) / var(--font-scale, 1.25));--font-md: calc(1rem + .5vw) ;--font-lg: calc(var(--font-md, 1rem) * var(--font-scale, 1.25));--font-xl: calc(var(--font-lg, 1rem) * var(--font-scale, 1.25));--font-xxl: calc(var(--font-xl, 1rem) * var(--font-scale, 1.25));--font-text: "Pragati Narrow", sans-serif;--font-title: "Aboreto", sans-serif;--letter-spacing: .1ch;--wrapper-width: 65rem}body{background:var(--light);color:var(--text-on-light);font-family:var(--font-text);font-weight:400;font-size:var(--font-md);letter-spacing:var(--letter-spacing, inherit);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}main{flex:1 1 auto;margin-top:3em}h1,h2,h3{font-family:var(--font-title);font-weight:600;line-height:1.1;max-width:30ch;font-style:normal}h1{font-size:var(--font-xl)}h2{font-size:var(--font-lg)}h3{font-size:var(--font-md);text-transform:uppercase}a{color:var(--dark)}p,li,dl{max-width:70ch}li::marker{font-family:var(--font-title)}section,footer{margin-top:2.5rem}input,textarea,select,button{border:0px;color:var(--text-on-light);background:var(--primary);font:inherit;letter-spacing:var(--letter-spacing, inherit);width:100%;padding:.5rem;&::placeholder{color:var(--dark)}&:focus{background:var(--primary-light)}&:focus-visible{outline:2px dashed var(--text-on-light)}}button{box-shadow:1px 2px 3px var(--dark)}button:hover{box-shadow:1px 1px 3px inset var(--dark)}picture>img{min-height:100%;min-width:100%}fieldset{border-color:var(--primary);border-style:solid}blockquote{padding:3rem}@media(min-width:40em){h1{font-size:var(--font-xxl)}h2{font-size:var(--font-xl)}}