img,legend{border:0}body,figure{margin:0}.js .loading::after,.js .loading::before{position:fixed;z-index:100000;content:''}a,a:active,a:focus,a:hover,button:focus{outline:0}main,sub,sup{position:relative}.block,.frame__links a,.github{text-transform:lowercase}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,::after,::before{box-sizing:border-box}:root{font-size:16px}body{--color-text:#fff;--color-bg:#181a1e;--color-link:#fff;--color-link-hover:#ffcbd6;--color-blocklink:#515151;--color-blocklink-hover:#fff;--color-blocktitle:#fff;--color-blocktitle-hover:#ff4081;--color-text:#767676;font-family:titling-gothic-fb,sans-serif;min-height:100vh;color:#57585c;color:var(--color-text);background-color:#fff;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading::before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;border-radius:50%;opacity:.4;background:var(--color-link);animation:.7s linear infinite alternate forwards loaderAnim}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link)}a:focus,a:hover{color:var(--color-link-hover)}main{width:100%}.message{background:#e47073;color:#fff;padding:1rem}.frame{padding:3rem 5vw;text-align:center;font-size:.8rem}.frame__title{font-size:inherit;margin:0 0 1rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.github{margin-left:1rem}.block{padding:0 4rem 20vh;display:flex;flex-direction:column;align-items:center}.block__link,.block__title{padding:.5rem 0;position:relative;cursor:pointer}.block__title{font-size:1rem;margin:0 0 1.5rem;font-family:titling-gothic-fb-wide,sans-serif;font-weight:700;color:var(--color-blocktitle)}.block__title:hover{color:var(--color-blocktitle-hover)}.block__link{color:var(--color-blocklink)}.block__link:hover{color:var(--color-blocklink-hover)}.block__link span,.block__title span,.content__text-link span{display:inline-block;white-space:pre}.content__text{padding:0 5vw 25vh;line-height:2;color:var(--color-text)}.content__text-link{position:relative;font-weight:700;cursor:pointer}.content__text-link:first-of-type,.content__text-link:nth-of-type(11),.content__text-link:nth-of-type(21){color:#f7e300}.content__text-link:nth-of-type(12),.content__text-link:nth-of-type(2),.content__text-link:nth-of-type(22){color:#002df7}.content__text-link:nth-of-type(13),.content__text-link:nth-of-type(23),.content__text-link:nth-of-type(3){color:#e51679}.content__text-link:nth-of-type(14),.content__text-link:nth-of-type(4){color:#fff}.content__text-link:nth-of-type(15),.content__text-link:nth-of-type(5){color:#00f73d}.content__text-link:nth-of-type(16),.content__text-link:nth-of-type(6){color:#00e8f7}.content__text-link:nth-of-type(17),.content__text-link:nth-of-type(7){color:#a753eb}.content__text-link:nth-of-type(18),.content__text-link:nth-of-type(8){color:#ff2626}.content__text-link:nth-of-type(19),.content__text-link:nth-of-type(9){color:#eb8e53}.content__text-link:nth-of-type(10),.content__text-link:nth-of-type(20){color:#ff00e7}.block[data-fx="1"] a::after,.block[data-fx="2"] a::after,a.content__text-link[data-fx="1"]::after,a.content__text-link[data-fx="2"]::after{content:'';z-index:-1;width:100%;bottom:.25rem;left:0;position:absolute;height:2px;background:currentColor;transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform .2s cubic-bezier(.39, .575, .565, 1)}a.content__text-link[data-fx="1"]::after,a.content__text-link[data-fx="2"]::after{bottom:0}.block[data-fx="1"] a:hover::after,.block[data-fx="2"] a:hover::after,.block[data-fx="6"] a:hover::after,a.content__text-link[data-fx="1"]:hover::after,a.content__text-link[data-fx="2"]:hover::after,a.content__text-link[data-fx="6"]:hover::after{transform:scale3d(1,1,1)}.block[data-fx="6"] a::after,a.content__text-link[data-fx="6"]::after{content:'';z-index:-1;width:100%;bottom:.25rem;left:0;position:absolute;height:2px;background:currentColor;transform:scale3d(0,1,1);transform-origin:100% 50%;transition:transform .7s cubic-bezier(.86, 0, .070, 1)}a.content__text-link[data-fx="6"]::after{bottom:0}.block[data-fx="14"] a::after,a.content__text-link[data-fx="14"]::after{content:'';z-index:-1;width:100%;bottom:.25rem;left:0;position:absolute;height:2px;background:currentColor;transform:scale3d(0,1,1);transform-origin:0% 50%}a.content__text-link[data-fx="14"]::after{bottom:0}.block[data-fx="14"] a:hover::after,a.content__text-link[data-fx="14"]:hover::after{animation:.5s infinite loop}@keyframes loop{0%{transform-origin:0% 50%;transform:scale3d(0,1,1)}50%{transform-origin:0% 50%;transform:scale3d(1,1,1)}51%{transform-origin:100% 50%}100%{transform-origin:100% 50%;transform:scale3d(0,1,1)}}.hover-reveal{position:fixed;width:200px;height:150px;top:0;left:0;pointer-events:none;opacity:0}.hover-reveal__img,.hover-reveal__inner{width:100%;height:100%;position:relative}.hover-reveal__deco{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#181314}.hover-reveal__img{background-size:cover;background-position:50% 50%}@media screen and (min-width:53em){.message{display:none}.content,.frame{display:grid;text-align:left}.frame{position:fixed;z-index:10000;top:0;left:0;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2rem;pointer-events:none;grid-template-columns:50% 50%;grid-template-rows:auto auto auto;grid-template-areas:'title links' '... ...' '... github'}.frame__title{grid-area:title;padding:0}.frame__links{grid-area:links;padding:0;justify-self:end}.github{grid-area:github;justify-self:end;margin:0}.frame a{pointer-events:auto}.block{align-items:flex-start}.content{position:relative;grid-template-columns:repeat(3,33.33%);margin:0 auto;padding-top:20vh;max-width:750px;min-height:100vh}.content__text{grid-column:span 3}}