@font-face{font-family:'work sans';font-style:normal;font-weight:400;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-regular.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-regular.woff) format('woff')}@font-face{font-family:'work sans';font-style:normal;font-weight:700;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-700.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-700.woff) format('woff')}@font-face{font-family:'work sans';font-style:normal;font-weight:600;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-600.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-600.woff) format('woff')}@font-face{font-family:'work sans';font-style:normal;font-weight:800;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-800.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-800.woff) format('woff')}@font-face{font-family:'work sans';font-style:italic;font-weight:600;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-600italic.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-600italic.woff) format('woff')}@font-face{font-family:'work sans';font-style:italic;font-weight:400;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-italic.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-italic.woff) format('woff')}@font-face{font-family:'work sans';font-style:italic;font-weight:700;src:local(''),url(../fonts/work-sans-v9-latin-ext_latin-700italic.woff2) format('woff2'),url(../fonts/work-sans-v9-latin-ext_latin-700italic.woff) format('woff')}:root{--light-shade:#f5f5f7;--light-accent:#84b9c7;--main-brand:#39abd1;--dark-accent:#708291;--dark-shade:#4c5d6d;--box-shadow:rgba(0, 0, 0, 0.3);--main-brand-gradient:linear-gradient(90deg, hsl(195, 62%, 20%) 0%, #39abd1 60%);--radius:1.6rem}html{font-size:.625em}body,html{height:100%}body{min-width:30.4rem;margin:0;padding:0 .8rem;background:var(--light-shade);display:flex;flex-direction:column;align-items:center;gap:2.4rem;font-family:'work sans',sans-serif;font-size:1.6rem;color:var(--dark-shade)}::selection{color:var(--light-shade);background:var(--main-brand)}.foo,.mid,.top{width:100%;padding:0 16px;box-sizing:border-box;text-align:center}.top__description{font-weight:700}.page-seperator{height:.2rem;margin:0;border:0;border-radius:.1rem;background:var(--main-brand-gradient)}.mid{flex-grow:1}.card{font-size:1.1em;padding:.4rem 2.4rem 4.8rem 2.4rem;border-radius:var(--radius);box-shadow:0 .6rem 2.4rem -.8rem var(--box-shadow)}.card__header{text-align:center}.card__text{text-align:center;letter-spacing:.015em}.card__text::first-letter{font-size:1.4em;font-weight:700;margin-right:-.025em}.card__controls{display:flex;flex-direction:column;justify-content:center;gap:1.4rem}.card__controls--multibutton{flex-direction:row}.foo{font-size:1.4rem}.foo__link{padding:4px 8px;margin:2px auto;background:hsla(0,0%,0%,.05);display:inline-block;border-radius:4px;color:inherit;text-decoration:none;user-select:none}@media screen and (max-height:390px) and (orientation:landscape){body{font-size:1.2rem}}@media screen and (max-width:320px){body{font-size:1.2rem}}@media screen and (min-width:360px){body{font-size:1.6rem}}@media screen and (min-width:640px){.foo,.mid,.top{width:400px}.card__controls{width:80%;margin:auto}}@media screen and (min-width:992px){.foo,.mid,.top{width:600px}}