@font-face{font-display:swap;font-family:Menlo-Regular;font-style:normal;font-weight:400;src:url(../fonts/Menlo-Regular.woff) format("woff")}div{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:#171717;background-image:url(../img/bg-large.svg);background-repeat:no-repeat;background-position:top left;background-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Menlo-Regular,monospace;font-size:.875em;color:#f1f1f1;line-height:1}@media only screen and (max-width: 48em){body{background-size:130% auto;font-size:.875em}}body.is--cv{background-position:top left 20vw}ol,ul{list-style:none}a{text-decoration:none;color:#f1f1f1}img{width:100%;height:auto}.page{display:flex;justify-content:space-between;gap:30px;min-height:100vh;min-height:100dvh}@media only screen and (max-width: 48em){.page{flex-direction:column;align-items:center}}.subpage{padding:90px;overflow:hidden}@media only screen and (max-width: 48em){.subpage{margin-top:8em;padding:20px}}main{display:flex;flex-direction:column;gap:30px;width:288px;max-width:100%;padding:20px}@media only screen and (max-width: 64em){main{justify-content:flex-end}}@media only screen and (max-width: 48em){main{width:100%}}main p{max-width:288px}section{margin-bottom:80px}.grid{display:flex;justify-content:center;gap:4rem;line-height:1.4}@media only screen and (max-width: 48em){.grid{flex-direction:column}}.grid .col{max-width:500px}.grid .col-l{flex:3}.grid .col-r{flex:2}.tags{display:flex;flex-wrap:wrap;gap:10px;max-width:333px}.tags li{padding:3px 8px;background-color:#f1f1f1;color:#171717}@media only screen and (max-width: 48em){.tags li{padding:5px 8px}}