@import url(https://fonts.googleapis.com/css?family=Harmattan&display=swap);.wrapper{background-color:var(--bg-color);min-height:80vh;padding-top:40px}.layout{margin:0 auto;padding-left:20px;padding-right:20px;padding-bottom:20px}.layout__page-header{position:fixed;top:80px;z-index:0}.layout__page-content{background:#1d2229}.header{background:var(--bg-header)}.navigation-bar{margin:0 auto;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;height:80px}.navigation-bar a{color:#fff}.navigation-bar .nav .active--exact{color:var(--link-color)}.navigation-bar .nav__link{margin-left:20px}.navigation-bar .nav__link:hover{color:var(--link-color)}.overlay-text{position:absolute;top:20px;left:20px}.footer{background:var(--bg-footer);height:100px;display:flex;align-items:center;justify-content:center;text-align:center}.footer p a{color:currentColor;text-decoration:underline}@media screen and (max-width:650px){.header{height:65px}}@media screen and (min-width:760px){.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000}}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}img{max-width:100%;height:auto}html{--base-font-size:22px}body{--bg-color:#1d2229;--bg-header:#31363d;--bg-footer:#14161d;--work-card-bg:#222327;--body-color:#f3f3f3;--title-color:#fff;--link-color:#4ecca3;--accent-color:#4ecca3;--border-color:rgba(90,90,90,0.253);--card-tag-bg:rgba(17,17,17,0.596078431372549);--code-bg:rgba(17,17,17,0.596078431372549);--space:3.5rem}@media screen and (max-width:650px){html{--base-font-size:18px}}html{font-size:var(--base-font-size)}body{font-family:Harmattan,sans-serif;font-weight:400;line-height:1.45;color:var(--body-color)}p{margin-bottom:1.25em}h1,h2,h3,h4,h5{transition:color .6s;color:var(--title-color);margin:2.75rem 0 1rem;font-weight:600;line-height:1.15}h1{margin-top:0;font-size:1.802em}h2{font-size:1.602em}h3{font-size:1.424em}h4{font-size:1.266em}h5{font-size:1.125em}small{font-size:.889em}strong{font-weight:600}blockquote{border-left:4px solid var(--border-color);padding-left:calc(var(--space)/2);color:var(--title-color)}em{font-style:italic}ul{list-style-type:disc;margin-left:1.25em;margin-bottom:1.25em}ul li{margin-bottom:.6em}ol{list-style-type:decimal;margin-left:1.25em;margin-bottom:1.25em}ol li{margin-bottom:.6em}code,kbd,pre{overflow:auto;background-color:var(--code-bg);border:2px solid var(--border-color);padding:1rem;border-radius:5px}code,kbd{line-height:normal;padding:.3em}pre>code{background:none;padding:0;border:none}code,kbd,pre{font-family:Monaco,Inconsolata,Hack,monospace;font-size:.7rem}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout a:not(.button){color:var(--link-color)}a:not(.button){transition:opacity .2s;text-decoration:none}a:not(.button):hover{opacity:.8}.no-space-top{margin-top:0}@media screen and (max-width:625px){.work-cards{display:block}.work-cards .work-card{margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.work-cards{z-index:0;display:grid;grid-template-columns:1fr 1fr;row-gap:30px}}@media screen and (min-width:1024px){.work-cards{grid-template-columns:1fr 1fr 1fr}}.work-tags{margin:1em 0 0;position:absolute;bottom:0;left:0;z-index:20}.work-tags-link{margin-right:2em;color:currentColor;background-color:var(--card-tag-bg);font-size:.7em;padding:.15em .45em}@media screen and (max-width:625px){.work-tags{font-size:1.4rem}}.work-card{width:30.30303vw;height:30.30303vw;background-color:var(--work-card-bg);overflow:hidden;margin:auto}@media screen and (max-width:1023px){.work-card{width:43.47826vw;height:43.47826vw}}@media screen and (max-width:767px){.work-card{width:90%;height:0;padding-bottom:90%;margin-top:30px}}.work-card-details-container{height:0;padding-bottom:100%;width:100%;transition:transform .3s;position:relative;background-color:var(--card-tag-bg)}.work-card-details-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.work-card-details{position:absolute;z-index:3;width:100%;height:100%}.work-card-title{margin-top:0;margin-left:5px}.work-card:hover .work-card-details-container{transform:scale(.97);transition:transform .3s}.work-card-link{top:0;width:100%;height:100%;text-indent:-9999px;z-index:4;opacity:0}.work-card-header,.work-card-link{position:absolute;left:0;overflow:hidden}.work-card-header{top:30px;z-index:0}.work-image{min-width:100%}.sidebar .work-details{display:table;table-layout:fixed}.sidebar .work-details strong{width:250px;display:table-cell}.sidebar .work-details a.work-link{color:#fff}@media screen and (min-width:1024px){.work-container{width:100%;display:flex}.sidebar{flex-basis:35%;padding-right:3rem}.content{flex:1}}h2[data-v-6b904963]{margin-bottom:2rem}.bottom-line[data-v-6b904963]{position:relative}.bottom-line[data-v-6b904963]:after{content:"";height:3px;width:80px;background:var(--accent-color);position:absolute;bottom:-10px;left:0}.email-link[data-v-6b904963]{text-decoration:underline}h2[data-v-59510043]{margin-bottom:2rem}.bottom-line[data-v-59510043]{position:relative}.bottom-line[data-v-59510043]:after{content:"";height:3px;width:80px;background:var(--accent-color);position:absolute;bottom:-10px;left:0}.email-link[data-v-59510043]{text-decoration:underline}.about-text[data-v-f7c72ec8]{text-align:left}@media screen and (min-width:768px){.about[data-v-f7c72ec8]{display:flex;flex-wrap:wrap}.about-text[data-v-f7c72ec8]{margin-right:30px;max-width:350px}}@media screen and (min-width:1024px){.about-text[data-v-f7c72ec8]{margin-right:50px;max-width:600px}}.grid-container[data-v-2578c9b9]{margin:-40px -20px -30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(6,14.28571vw);gap:0 0;grid-template-areas:"P1 P1 P1 P2 P2 P3 P3" "P1 P1 P1 P2 P2 P3 P3" "P4 P4 P5 P5 P5 P3 P3" "P4 P4 P5 P5 P5 P8 P8" "P6 P6 P6 P7 P7 P8 P8" "P6 P6 P6 P7 P7 P8 P8"}.P2[data-v-2578c9b9]{grid-area:P2}.P1[data-v-2578c9b9]{grid-area:P1}.P3[data-v-2578c9b9]{grid-area:P3}.P4[data-v-2578c9b9]{grid-area:P4}.P5[data-v-2578c9b9]{grid-area:P5}.P6[data-v-2578c9b9]{grid-area:P6}.P7[data-v-2578c9b9]{grid-area:P7}.P8[data-v-2578c9b9]{grid-area:P8}