@font-face{font-family:"IBM Plex";src:url("/assets/fonts/IBMPlexSans-Regular.ttf") format("truetype")}@font-face{font-family:"icomoon";src:url("/assets/fonts/icomoon.eot?dflk00");src:url("/assets/fonts/icomoon.eot?dflk00#iefix") format("embedded-opentype"),url("/assets/fonts/icomoon.ttf?dflk00") format("truetype"),url("/assets/fonts/icomoon.woff?dflk00") format("woff"),url("/assets/fonts/icomoon.svg?dflk00#icomoon") format("svg");font-weight:normal;font-style:normal}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-star-empty:before{content:""}.icon-star-half:before{content:""}.icon-star-full:before{content:""}.icon-checkmark:before{content:""}.icon-checkmark2:before{content:""}.icon-github:before{content:""}.icon-linkedin:before{content:""}body{margin:0;padding:0;font-family:"IBM Plex",sans-serif;background:#f1f1f1}body h1,body h2,body h3,body h4,body h5,body h6{font-family:"IBM Plex",sans-serif;font-weight:100}body p{font-size:20px;line-height:1.6}main{min-height:80vh}.page-wrapper{margin:0 auto}section h2{text-align:center;margin:25px auto}section .content{margin:0 auto;max-width:800px;padding:25px 0;width:94%}.job-listing .col-right{margin:0 0 50px}@media(min-width: 640px){.job-listing{display:flex}.job-listing .col-left{flex-basis:20%;text-align:right;margin-bottom:50px}.job-listing .col-right{flex-basis:80%;margin:0 0 50px 25px}}.job-listing h3{font-size:20px;line-height:1.6}.job-listing h3,.job-listing p{margin:0}.job-listing .job-location{font-size:12px;padding:0 0 12px}.timespan{font-size:12px;padding:0 0 12px}.position{font-size:12px}.case-study-grid{display:grid}@media(min-width: 640px){.case-study-grid{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px}}@media(min-width: 1024px){.case-study,.skill-tile{flex-basis:33.3%}}.case-study h3{margin:0 0 25px;text-align:center}.case-study:hover{cursor:pointer}.case-study:hover h3{color:#333}.case-study:hover .thumb{filter:grayscale(100%)}.skills{background:#fff}.skills ul{list-style:none;margin:0 0 50px;padding:0}.skills ul:last-child{margin-bottom:25px}.skills ul ul{padding:0 25px 0;list-style:disc;display:grid;grid-template-columns:1fr 1fr 1fr}.skills h3{font-size:20px}.skills p{display:flex;flex-wrap:wrap}.skills span{margin:0 .125em .25em .125em;padding:0 .25em;background:#ccc;flex-grow:1;text-align:center}.case-studies img{width:100%;max-width:100%}.case-studies .thumb{transition:all .3s ease-out}.case-studies .mobile{display:none}.case-studies .modal{transform:scale(0);transition:all .1s linear;display:flex;opacity:0;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.4);align-items:center}.case-studies .modal .close-button{position:absolute;top:25px;right:25px;background:rgba(0,0,0,.4);border-radius:50%;width:1em;height:1em;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3em;border:0;outline:0;cursor:pointer;z-index:3}.case-studies .modal .swiper{margin-top:25px;transform:scale(0);transition:transform .1s .2s ease-out;max-width:840px}.case-studies .modal .swiper .swiper-wrapper{position:relative}.case-studies .modal .swiper .swiper-slide{background:#fff;border-radius:5px}.case-studies .modal .swiper .thumb{width:50%;margin:0 auto}.case-studies .modal .swiper .thumb img{outline:2px solid #000;outline-offset:-2px}.case-studies .modal .swiper .case-study-slide{padding:100px 50px 25px}.jobs,.education{background:#fff}.education{text-align:center}body.show-modal{overflow-y:hidden}body.show-modal .modal{transform:scale(1);overflow-y:scroll;display:flex;align-items:start;opacity:1}body.show-modal .modal .swiper{transform:scale(1)}.hidden-thumb{display:none}header{background:radial-gradient(ellipse at center 60%, #000 0, #666 100%);font-family:"IBM Plex",sans-serif;text-align:center;padding:75px 0 0}header h1{margin:0;color:#f6fde5;font-size:60px}header h2{margin:0 0 50px;color:#f6fde5}header nav{background:#fff}header nav div{display:inline-flex;align-items:center;justify-content:center;height:50px}header nav a{text-decoration:none;color:#0f62fe;margin:6px 12px}header nav a:hover{color:#000;text-decoration:underline}header nav a.icon-github,header nav a.icon-linkedin{width:1em;height:1em;overflow:hidden;display:inline-block;font-size:1.5em;padding:0}footer{background:radial-gradient(ellipse at center 60%, #999 0, #666 100%);padding:50px 0 75px;font-family:"IBM Plex",sans-serif;text-align:center;color:#f6fde5}.button{display:inline-block;background:gray;color:#fff;text-decoration:none;padding:.25em .5em;border-radius:3px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#333}