html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}body *{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#mode{--bg:#fff;--cbg:#fafaf7;--type:#231f20;--line:#eeebd8;--dline:rgb(190, 187, 170);--gutter:6%;--wide:88%;font-family:Poppins,sans-serif;font-size:100%;scroll-behavior:smooth;line-height:1.45em;font-weight:300;color:var(--type);background:var(--cbg);min-height:100vh}#mode.dark{--type:#f4f1f9;--bg:#311733;--cbg:#1c0f1d;--line:#432245;--dline:rgb(87, 60, 88)}@media (prefers-color-scheme: dark){#mode{--type:#f4f1f9;--bg:#311733;--cbg:#1c0f1d;--line:#432245;--dline:rgb(87, 60, 88)}#mode.light{--bg:#fff;--cbg:#fafaf7;--type:#231f20;--line:#eeebd8;--dline:rgb(190, 187, 170)}}.offgrid{position:absolute;left:-9999vw}main{margin:0 auto;width:100%}header,section{width:var(--wide);margin-left:var(--gutter)}input[type=text],input[type=email],input[type=password]{width:300px;padding:.6rem 1rem;border:1px solid var(--line);background:var(--bg);font-size:1rem;border-radius:4px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border:1px solid rgba(239,127,27,.4);box-shadow:0 0 0 4px #ef7f1b1a}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:var(--dline)}header{padding-top:10vh;padding-bottom:3vh}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:760;margin-bottom:.5em;margin-top:.9em;line-height:1.1}h1{margin-top:0;font-size:2.488rem}h2{font-size:2.074rem}h3{font-size:1.728rem}h4{font-size:1.44rem}h5{font-size:1.2rem}.small,figcaption{font-size:.833rem}input,button{display:block;margin-bottom:1rem;font-size:1rem}label input,label button{display:inline-block}button{cursor:pointer;transition:ease all .3s;font-size:.9rem;letter-spacing:.1rem;text-transform:uppercase;padding:.8rem 1.2rem .6rem;background:rgb(239,127,27);color:#fff;border:none;border-radius:7px}button.secondary{background:var(--bg);border:1px solid rgb(239,127,27)}img{max-width:100%}a{color:inherit;text-decoration:none;transition:ease all .3s}a:hover{color:#ef7f1b}.face{width:100%;height:100%;background-color:var(--highlight);background-size:cover;background-position:center center;background-repeat:no-repeat;image-rendering:auto}.meta{font-size:.8rem;margin-top:.5rem;margin-bottom:.7rem}nav{background:var(--bg);position:fixed;top:0;left:0;width:20%;height:100vh;border-right:1px solid var(--line);padding:1rem}nav a{display:block}main{padding-left:20%;position:relative}.subhead{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-family:Libre Baskerville,serif;font-weight:700;color:#faba02;margin:1.7rem 0 .3rem}.profile{position:fixed;bottom:1rem;left:1rem;width:3rem;height:3rem;border-radius:50%;background:var(--bg);border:1px solid var(--line)}@media screen and (max-width: 700px){nav{left:-20%}main{padding-left:0}}