@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.show-desktop{display:none}.show-mobile{display:block}.show-desktop-sm{display:inline}.show-mobile-xs{display:none}.grid-2,.grid-3,.grid-4{grid-gap:10px;display:grid;margin-bottom:10px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}:root{--darkgray:#686868;--shadow:hsla(0,0%,59%,.3);--lightblue:#e6ffff;--lightgray:#b0b0b0;--lightergray:#e1e1e1;--cyan:rgba(0,255,255,.8)}body{background-color:#e6ffff;background-color:var(--lightblue);margin:0;min-height:100vh;padding:0;position:relative}body,button,h1,h2,h3,h4,p{font-family:Quicksand,sans-serif}button,h1,h2,h3,h4,p{color:#686868;color:var(--darkgray)}h1{font-size:32px;font-weight:300;letter-spacing:.05em;margin:.5em 0}h2{font-size:26px;font-weight:700;letter-spacing:.07em;text-align:center;text-transform:uppercase}h3{font-size:28px;margin:1em 0 .5em}h4{font-size:22px;font-weight:600;margin-bottom:15px;margin-top:0}.headline-wrapper p{font-size:1.25em;font-weight:800;font-weight:lighter;margin:3px 0 .5em}a:not(.no-highlight):link,a:not(.no-highlight):visited{box-shadow:inset 0 -.1em rgba(0,255,255,.8);box-shadow:inset 0 -.1em var(--cyan);color:#686868;color:var(--darkgray);text-decoration:none;transition:box-shadow .5s}a:not(.no-highlight):active,a:not(.no-highlight):hover{box-shadow:inset 0 -.55em rgba(0,255,255,.8);box-shadow:inset 0 -.55em var(--cyan);transition:box-shadow .5s}a.light:link,a.light:visited{color:inherit}article,header,nav{margin:0 auto;max-width:800px;padding:0 25px}header{text-align:center}.socials{display:flex;flex-flow:row wrap;position:fixed;right:15px;top:30px;z-index:1000}.socials svg{fill:#686868;fill:var(--darkgray);height:20px}.socials a{align-items:center;border:1px solid #686868;border:1px solid var(--darkgray);border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;margin:0 7.5px;text-align:center;width:40px}.socials a:link,.socials a:visited{background-color:#e6ffff;background-color:var(--lightblue);box-shadow:none;transition:background-color .35s ease-out,border-color .35s ease-out}.socials a:link svg,.socials a:visited svg{fill:#686868;fill:var(--darkgray);transition:fill .35 ease-out}.socials a:active,.socials a:hover{background-color:#686868;background-color:var(--darkgray);color:#e6ffff;color:var(--lightblue);transition:background-color .35s ease-in,border-color .35s ease-in}.socials a:active svg,.socials a:hover svg{fill:#e6ffff;fill:var(--lightblue);transition:fill .35s ease-in}header img{--rotate:0;-webkit-animation:delay .5s ease forwards,wave 3.5s ease;animation:delay .5s ease forwards,wave 3.5s ease;display:block;height:auto;margin:0 auto;opacity:0;padding:50px;-webkit-transform:rotate(var(--rotate));transform:rotate(var(--rotate));width:160px}header img,header img:hover{transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}header img:hover{--rotate:25deg}#hi-there{stroke:#686868;stroke:var(--darkgray);fill:none;stroke-miterlimit:10;-webkit-animation:fill 2s ease 2s forwards;animation:fill 2s ease 2s forwards;display:block;margin:0 auto;max-width:650px}#hi-there path:first-child{stroke-dasharray:167.83078002929688px;stroke-dashoffset:167.83078002929688px;-webkit-animation:line-anim 2s ease forwards;animation:line-anim 2s ease forwards}#hi-there path:nth-child(2){stroke-dasharray:75.44525146484375px;stroke-dashoffset:75.44525146484375px;-webkit-animation:line-anim 2s ease .1s forwards;animation:line-anim 2s ease .1s forwards}#hi-there path:nth-child(3){stroke-dasharray:41.09672164916992px;stroke-dashoffset:41.09672164916992px;-webkit-animation:line-anim 2s ease .2s forwards;animation:line-anim 2s ease .2s forwards}#hi-there path:nth-child(4){stroke-dasharray:76.42105102539062px;stroke-dashoffset:76.42105102539062px;-webkit-animation:line-anim 2s ease .3s forwards;animation:line-anim 2s ease .3s forwards}#hi-there path:nth-child(5){stroke-dasharray:41.06718063354492px;stroke-dashoffset:41.06718063354492px;-webkit-animation:line-anim 2s ease .4s forwards;animation:line-anim 2s ease .4s forwards}#hi-there path:nth-child(6){stroke-dasharray:183.20037841796875px;stroke-dashoffset:183.20037841796875px;-webkit-animation:line-anim 2s ease .5s forwards;animation:line-anim 2s ease .5s forwards}#hi-there path:nth-child(7){stroke-dasharray:156.1817169189453px;stroke-dashoffset:156.1817169189453px;-webkit-animation:line-anim 2s ease .6s forwards;animation:line-anim 2s ease .6s forwards}#hi-there path:nth-child(8){stroke-dasharray:131.31387329101562px;stroke-dashoffset:131.31387329101562px;-webkit-animation:line-anim 2s ease .7s forwards;animation:line-anim 2s ease .7s forwards}#hi-there path:nth-child(9){stroke-dasharray:73.93484497070312px;stroke-dashoffset:73.93484497070312px;-webkit-animation:line-anim 2s ease .8s forwards;animation:line-anim 2s ease .8s forwards}#hi-there path:nth-child(10){stroke-dasharray:118.64280700683594px;stroke-dashoffset:118.64280700683594px;-webkit-animation:line-anim 2s ease .9s forwards;animation:line-anim 2s ease .9s forwards}#hi-there path:nth-child(11){stroke-dasharray:120.56437683105469px;stroke-dashoffset:120.56437683105469px;-webkit-animation:line-anim 2s ease 1s forwards;animation:line-anim 2s ease 1s forwards}#hi-there path:nth-child(12){stroke-dasharray:117.26483154296875px;stroke-dashoffset:117.26483154296875px;-webkit-animation:line-anim 2s ease 1.1s forwards;animation:line-anim 2s ease 1.1s forwards}nav{position:relative}nav:after{background-color:#686868;background-color:var(--darkgray);bottom:0;content:"";display:block;height:3px;margin-left:calc(50% - 50vw - 30px);position:absolute;width:100vw}nav ul{grid-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:30px 0 0}nav li{align-items:center;border:3px solid #b0b0b0;border:3px solid var(--lightgray);color:#b0b0b0;color:var(--lightgray);cursor:pointer;display:block;display:flex;flex-flow:row nowrap;font-size:20px;font-weight:700;letter-spacing:.075em;list-style-type:none;padding:10px 15px;position:relative;text-align:center;text-transform:uppercase;transition:color .3s}nav li div{margin:0!important}nav li:hover{color:#686868;color:var(--darkgray);transition:color .3s}nav li:hover svg{fill:#686868;fill:var(--darkgray);transition:fill .3s}.lines1:before,.lines2:before,.lines:before{background-color:#686868;background-color:var(--darkgray);content:"";position:absolute}.lines:before{bottom:0;height:0;left:-3px;transition:height .2s .4s;width:3px}nav li:hover .lines:before{height:100%;transition:height .2s}.lines1:before{height:3px;left:-3px;top:-3px;transition:width .2s .2s;width:0}nav li:hover .lines1:before{transition:width .2s .2s;width:calc(100% + 3px)}.lines2:before{height:0;right:-3px;top:-3px;transition:height .2s;width:3px}nav li:hover .lines2:before{height:calc(100% + 3px);transition:height .2s .4s}nav li.active{border-color:#686868;border-color:var(--darkgray);color:#686868;color:var(--darkgray);position:relative;z-index:300}nav li.active:after{background-color:#e6ffff;background-color:var(--lightblue);bottom:-4px;content:"";display:block;height:10px;position:absolute;-webkit-transform:translateX(-15px);transform:translateX(-15px);width:100%;z-index:300}main{margin:-3px 0 0;padding:0;position:relative;z-index:100}.LazyLoad{opacity:0;transition:all .5s ease-in-out}.is-visible{opacity:1}article{padding-top:60px}article img{border-radius:3px;box-shadow:1px 1px 10px hsla(0,0%,59%,.3);box-shadow:1px 1px 10px var(--shadow);width:100%}figure{margin:50px 0 4em;padding:0}.writing-clip .headline-wrapper{align-items:flex-start;display:flex;flex-flow:row wrap;margin-bottom:1.5em}.writing-clip p{flex-basis:16.67%}.writing-clip h4{flex-basis:83.33%}.web-clip{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:3em}.web-clip p:not(.codepen){font-size:1.1em;margin-top:0}.web-clip p:first-child{margin:0 0 .25em}.web-clip .LazyLoad{display:inline-block;margin:0!important;width:67%}.web-clip .image img{height:auto;width:100%}.web-clip .headline-wrapper{width:30%}.cp_embed_wrapper{width:100%}.codepen{margin-bottom:2.5em;margin-top:20px}.headline-wrapper ul{display:flex;flex-flow:row wrap;list-style-type:none;margin:0;padding:0}.skill{border:1px solid #b0b0b0;border:1px solid var(--lightgray);border-radius:4px;color:#686868;color:var(--darkgray);display:inline;font-family:Courier;font-size:.8em;margin-bottom:5px;margin-right:5px;padding:2px 6px}.show-more-button,.skill{background:#e1e1e1;background:var(--lightergray);text-transform:uppercase}.show-more-button{border:2px solid #686868;border:2px solid var(--darkgray);border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;padding:8px;transition:background .4s,color .4s;width:100%}.show-more-button:hover{background:#686868;background:var(--darkgray);color:#e6ffff;color:var(--lightblue);transition:background .4s,color .4s}footer{background-color:#686868;background-color:var(--darkgray);margin:60px 0 0;overflow:hidden}footer>div{align-items:center;display:flex;margin:40px auto;max-width:800px;padding:0 25px}footer img{border:3px solid #e6ffff;border:3px solid var(--lightblue);border-radius:50%;height:150px;margin-right:1em}footer p{color:#e6ffff;color:var(--lightblue);font-size:20px;margin-top:0}footer p:last-child{margin-bottom:0}footer a:active,footer a:hover,footer a:link,footer a:visited{color:#e6ffff;color:var(--lightblue)}.footnote a:link,.footnote a:visited{border-bottom:1px solid #b0b0b0;box-shadow:none;color:inherit}.footnote a:active,.footnote a:hover{border-bottom:none}footer .footnote{background-color:#545454;color:#b0b0b0;font-size:16px;font-weight:600;padding-bottom:6px;padding-top:6px;text-align:center;width:100%}.lazyload-wrapper{display:inline-block}.socials,footer,h1,main{-webkit-animation:delay 2s ease 2.2s forwards;animation:delay 2s ease 2.2s forwards;opacity:0}footer,main{height:0;overflow:hidden}@-webkit-keyframes line-anim{to{stroke-dashoffset:0}}@keyframes line-anim{to{stroke-dashoffset:0}}@-webkit-keyframes fill{0%{fill:transparent}to{fill:#686868;fill:var(--darkgray)}}@keyframes fill{0%{fill:transparent}to{fill:#686868;fill:var(--darkgray)}}@-webkit-keyframes increase{to{background:#686868;background:var(--darkgray);width:350px}}@keyframes increase{to{background:#686868;background:var(--darkgray);width:350px}}@-webkit-keyframes delay{0%{height:auto;opacity:0}to{height:auto;opacity:1}}@keyframes delay{0%{height:auto;opacity:0}to{height:auto;opacity:1}}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.image{background:rgba(0,0,0,.1);position:relative}.image img{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}img:not([src]){visibility:hidden}.lazyload,.lazyloading{opacity:0}.image,.lazyload,.lazyloaded,.loading{opacity:1;transition:opacity 2s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading{-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(90deg,rgba(0,0,0,.15) 8%,rgba(0,0,0,.2) 38%,rgba(0,0,0,.15) 54%);background-size:1000px 640px;position:relative}@media (max-width:650px){.show-desktop-sm{display:none}.show-mobile-xs{display:block}nav li i{font-size:24px}}@media (max-width:768px){h1{font-size:30px;margin-top:.3em}h1,h2{text-align:left}h2{margin:-.5em 0 .5em}.headline-wrapper p,h4{font-size:1.2em}footer p{font-size:18px}.socials{-webkit-animation:slide-in 1.5s ease 2.2s forwards;animation:slide-in 1.5s ease 2.2s forwards;background-color:#686868;background-color:var(--darkgray);border-radius:50px 0 0 50px;box-shadow:-1px 3px 6px 0 rgba(0,0,0,.2);opacity:0;padding:8px;right:-3px;top:10px}header img{margin:0;padding:30px 0 40px;width:60px}header{margin-bottom:1em}.web-clip,.writing-clip{display:block}.web-clip{margin-bottom:3.5em}.web-clip .image{margin-bottom:5px;width:100%}.web-clip div{width:100%!important}.web-clip p{margin:.5em 0}footer>div{display:block}footer img{display:none}@-webkit-keyframes slide-in{0%{right:-185px}to{opacity:1;right:0}}@keyframes slide-in{0%{right:-185px}to{opacity:1;right:0}}.grid-2,.grid-3,.grid-4{display:flex;flex-flow:column;padding-bottom:0}.grid-2 .image,.grid-3 .image,.grid-4 .image{margin-bottom:10px}nav li{font-size:.95em}}
/*# sourceMappingURL=main.22349127.css.map*/