a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%;background:#fff}body{font-family:IBM Plex Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#16161d;overflow:hidden}::selection{background:rgba(207,255,203,.99)}::-moz-selection{background:rgba(207,255,203,.99)}*{outline:none}h1{font-size:48px;font-weight:700;font-style:italic}h1,h2{line-height:1.5em}h2{font-size:32px;font-weight:300}h3{font-size:28px;line-height:1.5em;line-height:1em}h3,h4{font-weight:400}h4{font-size:24px;line-height:1.5em}h5{font-size:18px}h5,h6{line-height:1.5em;font-weight:400}h6{font-size:14px}i{font-style:italic}a:link{background-color:transparent}a:link,a:visited{color:inherit}#app{display:grid;grid-template-areas:"sidebar content";grid-template-columns:1fr 3fr;height:100vh;width:100vw;background-image:-webkit-gradient(linear,left bottom,left top,from(#fed),to(#f0fcef));background-image:linear-gradient(0deg,#fed 0,#f0fcef)}#app .down-arrow{position:absolute;bottom:0;right:1em}#app>nav{display:block;grid-area:sidebar;min-width:420px;background-color:#f6f6fd;border-right:.5em solid #16161d;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;overflow:auto;position:relative}#app>nav a{text-decoration:none}#app>nav .site-title{margin-left:.25em}#app>nav li :before{content:"*";font-weight:500;margin:0 .5em}#app>nav li{margin:1em .25em;line-height:1.33em;font-size:28px}#app>nav li .router-link-active{background-color:#fed;font-style:italic;font-weight:500}#app>nav .more-info{margin-left:1em;font-size:18px;font-style:italic;font-weight:300}#app>main{display:block;grid-area:content;width:100%;overflow:auto}@media(max-width:1620px){#app>nav{min-width:240px}#app>nav li{margin-top:1em;font-size:18px}#app>nav .more-info{font-size:16px}}@media(max-width:960px){#app{grid-template-areas:"sidebar" "content";grid-template-columns:1fr}#app>nav{border-right:none;border-bottom:.5em solid #16161d;max-height:10em;overflow:scroll;padding-right:2em}#app>nav .down-arrow:after{content:"\2193"}#app>nav ul{margin:0 .5em}#app>nav ul li :before{content:"***"}#app>nav ul li{display:inline;font-size:14px}#app>nav ul .more-info{margin-left:0;display:block;font-size:13px}}.home{padding:0 2em;margin:3em 0;max-width:960px;line-height:1.5}.home h1{font-weight:400;font-style:normal}.home h1,.home p{font-size:16px;margin:.5em 0}.home h1:before,.home p:before{content:"*";font-weight:500;margin:0 .5em}.project{padding:0 2em;margin:3em 0;max-width:960px}.project-cover{width:100%}.project-cover,iframe,img,video{max-width:960px}.project-title{line-height:1.2em;margin:.2em 0}.project-subtitle{margin:.2em 0}.project-client,.project-place-date{font-weight:300;line-height:1.5em}.project-place-date{font-style:italic}.project-keywords li{line-height:1.5em;display:inline-block;font-style:italic;font-weight:200;font-size:14px}.project-keywords li:after{content:"*";margin:0 .5em;font-weight:300}.project-keywords li:last-child:after{display:none}.project-details{margin:1em 0;line-height:1.5em;font-weight:400;font-size:14px}.project-details:before{content:"***";margin-right:.5em;font-weight:600}.project-tech{font-style:italic;line-height:1.5em;font-weight:200;font-size:12px}@media(max-width:1620px){iframe,img,video{max-width:100%}}@media(max-width:960px){.project{padding:0 .5em}.project-title{font-size:38px;overflow-wrap:break-word}.project-subtitle{font-size:24px}.project-cover,iframe,img,video{width:100%;height:auto}}