.swirl-canvas{position:fixed;top:0;left:0;width:100%;height:100%}.home-screen{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;line-height:1.4}.home-screen h1{margin-bottom:var(--space-3);font-family:var(--fancy-font);font-weight:700;font-size:var(--font-6);text-transform:uppercase;text-shadow:0 0 4px rgba(0,0,0,.5)}.home-screen h1,.home-screen p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.home-screen p{font-size:var(--font-4);text-shadow:0 0 2px rgba(0,0,0,.65);opacity:.75}@media only screen and (max-width:640px){.home-screen h1{margin-bottom:var(--space-2);font-size:var(--font-4)}.home-screen p{font-size:var(--font-2)}}.link--standard{color:var(--primary-color-lighter-1);border-top-left-radius:var(--radius-1);border-top-right-radius:var(--radius-1);padding:1px;margin:-1px;text-decoration:none;border-bottom:1px solid hsla(var(--hue-primary),90%,50%,.32);-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.link--standard:active,body.enable-focus .link--standard:focus,body.no-touch .link--standard:hover{background-color:hsla(var(--hue-primary),90%,50%,.12)}body.enable-focus .link--standard:focus{outline:1px dashed var(--primary-color-lighter-2)}.link--standard.link--light{color:#fff;border-bottom-color:hsla(0,0%,100%,.32)}.link--standard.link--light:active,body.enable-focus .link--standard.link--light:focus,body.no-touch .link--standard.link--light:hover{background-color:hsla(0,0%,100%,.12)}body.enable-focus .link--standard.link--light:focus{outline-color:hsla(0,0%,100%,.75)}.projects-screen{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-6);text-align:center}.projects-screen h2{margin-bottom:.6em;font-family:var(--fancy-font);font-size:var(--font-6);line-height:1.4}.status{padding:var(--space-5) var(--space-2);font-family:var(--fancy-font);font-size:var(--font-3);text-align:center;color:var(--frosted-white-color)}.post-preview{max-width:640px;margin-left:auto;margin-right:auto;border-radius:var(--radius-1);color:var(--off-black-color);text-decoration:none}.post-preview+.post-preview{margin-top:2px}.post-preview__header{padding:var(--space-5) var(--space-5) var(--space-3);font-family:var(--fancy-font);font-size:var(--font-4);font-weight:700;color:var(--primary-color);line-height:1.16}.post-preview__meta{display:inline-block;padding:6px;padding-left:var(--space-5);padding-right:var(--space-2);background-color:var(--primary-color-lighter-1);font-family:var(--fancy-font);font-size:var(--font-1);color:var(--frosted-white-color)}.post-preview__body{padding:var(--space-5)}.post-preview p:not(:first-child){margin-top:var(--space-3)}.post-preview__read-full-link{display:inline-block;margin-top:var(--space-3)}@media only screen and (max-width:639px){.post-preview{background-color:var(--frosted-white-color);-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.post-preview:active,body.no-touch .post-preview:hover{background-color:#fff}}@media only screen and (min-width:640px){.post-preview:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:var(--radius-2);opacity:.86;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;will-change:transform;z-index:-1}.post-preview+.post-preview{margin-top:var(--space-6)}.post-preview:active:before,body.no-touch .post-preview:hover:before{-webkit-transform:scaleY(1.025);-ms-transform:scaleY(1.025);transform:scaleY(1.025);opacity:1}.post-preview__header{padding:var(--space-5) var(--space-6) var(--space-4)}.post-preview__meta{padding-left:calc(var(--space-6) + 6px);left:-6px}.post-preview__body{padding:var(--space-5) var(--space-6)}}.post{max-width:1000px;margin-left:auto;margin-right:auto;background-color:var(--post-bg-color);border-radius:var(--radius-1);color:var(--off-black-color)}.post__header{padding:var(--space-5) var(--space-5) var(--space-3);font-size:var(--font-4);font-weight:700;color:var(--primary-color);line-height:1.16}.post__header,.post__meta{font-family:var(--fancy-font)}.post__meta{display:inline-block;padding:6px;padding-left:var(--space-5);padding-right:var(--space-2);background-color:var(--primary-color-lighter-1);font-size:var(--font-1);color:var(--frosted-white-color);border-top-right-radius:var(--radius-1);border-bottom-right-radius:var(--radius-1)}.post__body{padding:var(--space-5)}@media only screen and (min-width:640px){.post{border-radius:var(--radius-2)}.post__header{padding:var(--space-5) var(--space-6) var(--space-4);font-size:var(--font-5)}.post__meta{padding-left:calc(var(--space-6) + 6px);left:-6px}.post__body{padding:var(--space-5) var(--space-6)}}@media only screen and (min-width:840px){.post__header{padding:var(--space-6) var(--space-7) var(--space-5);font-size:var(--font-7)}.post__meta{padding:8px;padding-left:calc(var(--space-7) + 8px);padding-right:var(--space-4);left:-8px;font-size:var(--font-3);border-top-right-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}.post__body{padding:var(--space-6) var(--space-7);font-size:var(--font-3)}}.post-content{letter-spacing:.032em}.post-content strong{font-weight:700}.post-content em{font-style:italic}.post-content code{background-color:rgba(0,0,0,.08);border-radius:var(--radius-1);border:1px solid rgba(0,0,0,.04);font-family:var(--code-font)!important;padding:0 .16em}.post-content pre{margin:var(--space-5) calc(0px - var(--space-5))!important;border-radius:0!important;padding:0!important}.post-content pre>code{display:block;padding:var(--space-3) var(--space-5)!important;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:transparent;font-size:var(--font-1)!important;letter-spacing:0;line-height:1.4!important;-moz-tab-size:2!important;-o-tab-size:2!important;tab-size:2!important;text-shadow:none!important}.post-content pre>code::-moz-selection{background-color:hsla(0,0%,100%,.18);color:inherit}.post-content pre>code::selection{background-color:hsla(0,0%,100%,.18);color:inherit}.post-content pre>code span::-moz-selection{background-color:hsla(0,0%,100%,.18);color:inherit}.post-content pre>code span::selection{background-color:hsla(0,0%,100%,.18);color:inherit}.post-content .post-codepen-embed{margin:var(--space-5) calc(0px - var(--space-5))}.post-content p{line-height:1.6}.post-content p:not(:first-child){margin-top:1.16em}.post-content ol,.post-content ul{line-height:1.5}.post-content ul{list-style-type:disc}.post-content ul li{margin-left:1em}.post-content ol{list-style-type:decimal}.post-content ol li{margin-left:1.2em}.post-content blockquote{background-color:hsl(var(--hue-primary),50%,90%);border-radius:var(--radius-1);border-left:4px solid var(--primary-color);padding:var(--space-2) var(--space-4);margin:var(--space-5) 0;margin-left:var(--space-4)}.post-content figure>img{display:block;max-width:100%;max-height:420px;margin-left:auto;margin-right:auto;border-radius:var(--radius-1);-webkit-box-shadow:0 4px 24px rgba(0,0,0,.12);box-shadow:0 4px 24px rgba(0,0,0,.12)}.post-content figure>figcaption{max-width:30em;margin:12px auto 0;font-size:var(--font-1);text-align:center;opacity:.76}.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:1.2em;margin-bottom:.6em;font-family:var(--fancy-font);font-weight:700;color:var(--primary-color)}.post-content h2{font-size:var(--font-4)}.post-content h3{font-size:var(--font-3)}.post-content h4,.post-content h5,.post-content h6{font-size:var(--font-2)}@media only screen and (min-width:640px){.post-content pre{margin:var(--space-5) 0!important;border-radius:var(--radius-1)!important}.post-content pre>code{font-size:.9rem!important}.post-content .post-codepen-embed{margin:var(--space-5) 0}}@media only screen and (min-width:840px){.post-content pre>code{font-size:var(--font-2)!important}.post-content blockquote{border-left-width:5px;padding:var(--space-3) var(--space-5);margin:var(--space-6) 0;margin-left:var(--space-5)}.post-content figure>figcaption{font-size:var(--font-2)}.post-content h2{font-size:var(--font-5)}.post-content h3{font-size:var(--font-4)}.post-content h4,.post-content h5,.post-content h6{font-size:var(--font-3)}}.not-found-screen{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.not-found-screen h1{font-family:var(--fancy-font);font-size:12vw;letter-spacing:.1em;margin-bottom:100px}.not-found-screen h1 span{-webkit-animation:.8s cubic-bezier(.3,1.45,.06,-1.51) both not-found-flicker;animation:.8s cubic-bezier(.3,1.45,.06,-1.51) both not-found-flicker}.not-found-screen h1 span:first-child{-webkit-animation-delay:1.5s;animation-delay:1.5s}.not-found-screen h1 span:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.not-found-screen h1 span:nth-child(3){-webkit-animation-delay:1.75s;animation-delay:1.75s;padding-left:.05em}@media only screen and (max-width:640px){.not-found-screen h1{font-size:96px;margin-bottom:var(--space-9)}}@-webkit-keyframes not-found-flicker{0%{color:#fff;text-shadow:none}to{color:var(--main-bg-color);text-shadow:0 -2px 0 rgba(0,0,0,.42),0 1px 0 hsla(0,0%,100%,.12)}}@keyframes not-found-flicker{0%{color:#fff;text-shadow:none}to{color:var(--main-bg-color);text-shadow:0 -2px 0 rgba(0,0,0,.42),0 1px 0 hsla(0,0%,100%,.12)}}.app-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-negative:0;flex-shrink:0;padding:var(--space-5);font-family:var(--fancy-font);font-weight:700;text-transform:uppercase;z-index:1}.app-header nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.app-header__logo{-ms-flex-negative:0;flex-shrink:0}.app-header__name{margin-left:var(--space-5);font-size:var(--font-5);line-height:1.2;-webkit-transition-property:opacity,visibility,-webkit-transform ease-out;transition-property:opacity,visibility,-webkit-transform ease-out;-o-transition-property:opacity,visibility,transform ease-out;transition-property:opacity,visibility,transform ease-out;transition-property:opacity,visibility,transform ease-out,-webkit-transform ease-out;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.app-header__home-link,.app-header__nav-link{color:#fff;text-decoration:none}.app-header__home-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:auto}.app-header__home-link.link--active{cursor:default}.app-header__home-link.link--active .app-header__name{visibility:hidden;opacity:0;-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}.app-header__nav-link{margin:0 var(--space-1);padding:var(--space-1) var(--space-2);border:3px solid transparent;border-left:none;border-right:none;font-size:var(--font-3);opacity:.75;-webkit-transition:border-color .3s,opacity .3s;-o-transition:border-color .3s,opacity .3s;transition:border-color .3s,opacity .3s}.app-header__nav-link:active,body.enable-focus .app-header__nav-link:focus,body.no-touch .app-header__nav-link:hover{opacity:1}.app-header__nav-link.link--active,.app-header__nav-link:active,body.enable-focus .app-header__nav-link:focus,body.no-touch .app-header__nav-link:hover{border-bottom-color:#fff}@media only screen and (max-width:640px){.app-header{padding:var(--space-3)}.app-header__logo{width:42px;height:42px}.app-header__name{margin-left:var(--space-3);font-size:var(--font-3)}.app-header__nav-link{padding:var(--space-1);border-width:2px;font-size:var(--font-2)}}@media only screen and (max-width:450px){.app-header__name{font-size:1.1rem}.app-header__nav-link{font-size:.88rem}}.app-footer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;padding:var(--space-5)}.app-footer__link{margin:0 var(--space-2);opacity:.65;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.app-footer__link:active,body.enable-focus .app-footer__link:focus,body.no-touch .app-footer__link:hover{opacity:1}@media only screen and (max-width:640px){.app-footer{padding:var(--space-3)}}.toaster{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:fixed;bottom:var(--space-4);left:var(--space-4);right:var(--space-4)}.toaster>.toast{font-size:var(--font-1);text-align:center;line-height:1.5;padding:var(--space-2) var(--space-5);background-color:hsl(var(--hue-primary),20%,36%);color:#fff;border-radius:200px;border-bottom:1px solid rgba(0,0,0,.2);-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.no-touch .toaster>.toast--interactive:hover{cursor:pointer;background-color:hsl(var(--hue-primary),20%,40%)}.toaster>.toast--interactive:active{background-color:hsl(var(--hue-primary),20%,28%)}@media only screen and (min-width:640px){.toaster{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;bottom:var(--space-6);left:var(--space-6);right:var(--space-6)}.toaster>.toast{font-size:var(--font-2);text-align:left;padding:var(--space-3) var(--space-6)}}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}body,html{cursor:default}code{cursor:text}a{cursor:pointer}button[disabled],input[disabled]{cursor:default}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--hue-primary:216;--primary-color:hsl(var(--hue-primary),96%,37%);--primary-color-lighter-1:hsl(var(--hue-primary),90%,42%);--primary-color-lighter-2:hsl(var(--hue-primary),90%,52%);--primary-color-lighter-3:hsl(var(--hue-primary),90%,64%);--primary-color-lighter-4:hsl(var(--hue-primary),90%,80%);--primary-color-darker-1:hsl(var(--hue-primary),90%,32%);--primary-color-darker-2:hsl(var(--hue-primary),90%,24%);--primary-color-darker-3:hsl(var(--hue-primary),90%,16%);--off-white-color:hsl(var(--hue-primary),99%,96%);--frosted-white-color:hsla(0,0%,100%,.86);--post-bg-color:hsla(0,0%,100%,.92);--off-black-color:#444;--main-bg-color:hsl(var(--hue-primary),98%,28%)}.hide{display:none}.invisible{visibility:hidden;opacity:0;pointer-events:none}:root{--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-4:12px;--radius-5:20px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-ms-flexbox;display:flex}.flex-inline{display:flex-inline}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-col{-ms-flex-direction:column;flex-direction:column}.flex-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-align-start{-ms-flex-pack:start;justify-content:flex-start}.flex-align-center{-ms-flex-pack:center;justify-content:center}.flex-align-end{-ms-flex-pack:end;justify-content:flex-end}.flex-align-justify{-ms-flex-pack:justify;justify-content:space-between}.flex-items-start{-ms-flex-align:start;align-items:flex-start}.flex-items-center{-ms-flex-align:center;align-items:center}.flex-items-end{-ms-flex-align:end;align-items:flex-end}.flex-items-baseline{-ms-flex-align:baseline;align-items:baseline}:root{--fancy-font:Montserrat,sans-serif;--content-font:Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif;--code-font:"SFMono-Regular","Roboto Mono",monospace;--font-0:0.6rem;--font-1:0.8rem;--font-2:1rem;--font-3:1.25rem;--font-4:1.6rem;--font-5:2rem;--font-6:2.5rem;--font-7:3rem}@media only screen and (max-width:640px){html{font-size:15px}}.fadeable{-webkit-transition:visibility .3s,opacity .3s;-o-transition:visibility .3s,opacity .3s;transition:visibility .3s,opacity .3s}.fade-in{-webkit-animation:.4s ease-out backwards fade-in;animation:.4s ease-out backwards fade-in}.fade-slide-up{-webkit-animation:.4s ease-out backwards fade-slide-up;animation:.4s ease-out backwards fade-slide-up}.anim-delay-1{-webkit-animation-delay:.08s;animation-delay:.08s}.anim-delay-2{-webkit-animation-delay:.16s;animation-delay:.16s}.anim-delay-3{-webkit-animation-delay:.24s;animation-delay:.24s}.anim-delay-4{-webkit-animation-delay:.32s;animation-delay:.32s}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:30px;--space-7:40px;--space-8:60px;--space-9:80px}::-moz-selection{background-color:hsl(var(--hue-primary),64%,82%);color:var(--off-black-color)}::selection{background-color:hsl(var(--hue-primary),64%,82%);color:var(--off-black-color)}body,html{height:100%}body{background-color:var(--main-bg-color);background-image:-webkit-radial-gradient(center ellipse,transparent 0,rgba(0,0,0,.16) 100%);background-image:-o-radial-gradient(center ellipse,transparent 0,rgba(0,0,0,.16) 100%);background-image:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.16) 100%);background-attachment:fixed;font-family:var(--content-font);color:#fff;letter-spacing:.06em;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}#root,.app-wrap,.app-wrap>main,body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.screen-wrap{padding:var(--space-5)}p{line-height:1.5}p+p{margin-top:var(--space-5)}@media only screen and (max-width:640px){.screen-wrap{padding:var(--space-5) 0}}
/*# sourceMappingURL=main.ui.css.map*/