:root{--heading-font:Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;--body-font:Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;--prim:white;--sec:rgb(23, 131, 197);--accent:hsl(0, 76%, 46%);--s0:calc(1.2rem + 0.2vw);--ratio:1.3;--s1:calc(var(--s0)*var(--ratio));--s2:calc(var(--s1)*var(--ratio));--s3:calc(var(--s2)*var(--ratio));--s4:calc(var(--s3)*var(--ratio));--s5:calc(var(--s4)*var(--ratio));--s-1:calc(var(--s0)/var(--ratio));--s-2:calc(var(--s-1)/var(--ratio));--s-3:calc(var(--s-2)/var(--ratio));--s-4:calc(var(--s-3)/var(--ratio));--s-5:calc(var(--s-4)/var(--ratio));--measure:70ch;--top-gap:4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--body-font);font-size:var(--s0)}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);letter-spacing:-1px;margin:.5rem 0}h1{font-size:var(--s3)}h2{font-size:var(--s2)}h3{font-size:var(--s1);font-style:italic}h4,h5,h6{font-size:var(--s0);font-style:italic}p{margin:.5rem 0}p,h1,h2,h3,h4,h5,h6,li,figcaption{max-inline-size:var(--measure)}header{padding:.5rem 1rem;margin:1rem;margin-bottom:0;position:fixed;top:0;left:0;right:0;z-index:1000}header nav ul li{list-style-type:none}header a{padding:.5rem}header form :is(button,input){background-color:initial;color:inherit;border:none;font-size:var(--s0);font-family:var(--body-font);text-decoration:underline;text-underline-offset:3px}a{color:inherit;text-underline-offset:3px}main{max-width:var(--measure);width:100%;min-height:100vh;justify-self:center;margin-top:var(--top-gap);overflow:hidden}section{padding:2rem 1rem}img{max-width:100%;max-height:100vh;transition:transform 400ms;transform:translateX(0)}html.is-animating img{transform:translateX(6rem)}html.is-leaving img{transform:translateX(6rem)}footer{padding:2rem 1rem;margin:0 1rem}form{display:grid;margin:0 .5rem}label{padding-top:1rem;text-transform:uppercase;margin-left:.75rem;padding-bottom:.25rem}input,textarea{border-radius:1rem;border:1px solid grey;font-size:inherit;font-family:inherit;padding:.75rem;max-width:100%;min-width:0}input[type=submit]{margin-top:1rem;margin-bottom:1rem;transition:transform 300ms;transform:translateY(0)}html.is-animating input[type=submit]{transform:translateY(6rem)}html.is-leaving input[type=submit]{transform:translateY(6rem)}