.canvas,body,html{width:100%;height:100%}.canvas,.loading.hide{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.about__bg,.about__button,.instruction{mix-blend-mode:exclusion}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,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-family:inherit;font-size:100%;vertical-align:baseline}caption,table,td,th{vertical-align:middle}body{background:#f7fbfd;position:relative;line-height:1.2;color:#5200ff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}.instruction,p{text-align:center}a img{border:none}.mq{font-family:pc}*,::after,::before{box-sizing:border-box;outline:0}::-moz-selection,::-webkit-selection{background:#fff}::-moz-selection,::-webkit-selection,::selection{background:#fff}a{text-decoration:none;border-bottom:1px dashed #fff}body,html{overflow:hidden;overflow-x:hidden;overflow-y:hidden}html{font-family:'Cormorant Garamond',serif;font-style:italic;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px}button{font-family:inherit;border:0;background:0 0;cursor:pointer;padding:0;margin:0}.canvas-wrapper{top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas{opacity:0;filter:alpha(opacity=0)}.canvas.show{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}a:link,a:visited{color:#fff}a:focus,a:hover{color:#5200ff;background-color:#fff}.loading{position:absolute;top:50%;left:50%;width:200px;height:12px;margin-left:-100px;-webkit-transition:opacity .5s cubic-bezier(.33,0,.46,1);transition:opacity .5s cubic-bezier(.33,0,.46,1)}.about,.about__button .wrapper,.loading__bar{left:0;position:absolute}.loading.hide{opacity:0;filter:alpha(opacity=0)}.loading__bar{top:0;width:0;height:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:width .8s cubic-bezier(.33,0,.46,1);transition:width .8s cubic-bezier(.33,0,.46,1);overflow:hidden}.about{top:0;right:0;bottom:0;z-index:20}.about__button{position:absolute;top:2.4rem;right:2.4rem;width:48px!important;height:48px!important;line-height:48px;z-index:10;font-size:3.6rem;color:#d4b56f;border:1px dashed transparent;border-radius:50%;overflow:hidden;-webkit-transition:opacity .5s cubic-bezier(.27,0,.08,1);transition:opacity .5s cubic-bezier(.27,0,.08,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.about__button.show{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}.about__button:hover{border-color:#d4b56f}body.show-about .about__button .wrapper{-webkit-transform:translateY(0);transform:translateY(0)}.about__button span{display:block}.about__button .wrapper{top:0;width:100%;height:100%;-webkit-transition:-webkit-transform .5s cubic-bezier(.27,0,.08,1);transition:-webkit-transform .5s cubic-bezier(.27,0,.08,1);transition:transform .5s cubic-bezier(.27,0,.08,1);transition:transform .5s cubic-bezier(.27,0,.08,1),-webkit-transform .5s cubic-bezier(.27,0,.08,1);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.about__button .panel{position:relative;width:100%;height:100%}.about__button .x{position:absolute;left:20%;top:50%;width:60%;height:1px;background-color:#d4b56f}.about__bg,.about__content{left:0;right:0;position:absolute}.about__button .x--a{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.about__button .x--b{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.about__bg{top:-5%;bottom:-5%;-webkit-transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear .5s;transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear .5s;visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);background-color:#d4b56f}.show-about .about__bg{-webkit-transform:none;transform:none;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;visibility:visible;-webkit-transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear 0s;transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear 0s}.about__content{top:0;bottom:0;-webkit-transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear .5s;transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear .5s;-webkit-transform:translateY(-3%);transform:translateY(-3%);visibility:hidden;color:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2.4rem}.about__content p{margin-top:1em}.show-about .about__content{-webkit-transform:none;transform:none;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;visibility:visible;-webkit-transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear 0s;transition:all .5s cubic-bezier(.27,0,.08,1) 0s,visibility 0s linear 0s}.about__github{display:block;width:40px;height:40px;margin:1em auto 0;background-color:transparent!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+Cjx0aXRsZT5vY3RhY2F0PC90aXRsZT4KPHBhdGggZD0iTTIyMzIuNDUsNTg3YTE4LjQ2LDE4LjQ2LDAsMCwwLTUuODMsMzYsMC45MywwLjkzLDAsMCwwLDEuMjYtLjg5YzAtLjQ0LDAtMS42LDAtMy4xNC01LjEzLDEuMTItNi4yMi0yLjQ3LTYuMjItMi40N2E0Ljg5LDQuODksMCwwLDAtMi0yLjdjLTEuNjgtMS4xNS4xMy0xLjEyLDAuMTMtMS4xMmEzLjg4LDMuODgsMCwwLDEsMi44MywxLjksMy45MywzLjkzLDAsMCwwLDUuMzcsMS41MywzLjk0LDMuOTQsMCwwLDEsMS4xNy0yLjQ3Yy00LjEtLjQ3LTguNDEtMi04LjQxLTkuMTJhNy4xMyw3LjEzLDAsMCwxLDEuOS01LDYuNjQsNi42NCwwLDAsMSwuMTgtNC44OHMxLjU1LS41LDUuMDgsMS44OWExNy40OSwxNy40OSwwLDAsMSw5LjI0LDBjMy41Mi0yLjM5LDUuMDctMS44OSw1LjA3LTEuODlhNi42Myw2LjYzLDAsMCwxLC4xOCw0Ljg4LDcuMTIsNy4xMiwwLDAsMSwxLjksNWMwLDcuMDktNC4zMiw4LjY1LTguNDMsOS4xMWE0LjQsNC40LDAsMCwxLDEuMjUsMy40MmMwLDIuNDcsMCw0LjQ2LDAsNS4wNmEwLjkyLDAuOTIsMCwwLDAsMS4yNy44OUExOC40NiwxOC40NiwwLDAsMCwyMjMyLjQ1LDU4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjEyIC01ODUpIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDowLjgwMDAwMDAxMTkyMDkyOXB4O2ZpbGwtcnVsZTpldmVub2RkIi8+CjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgc3R5bGU9ImZpbGw6bm9uZSIvPgo8L3N2Zz4=);background-size:100% 100%;white-space:nowrap;text-indent:100%;overflow:hidden;border:0}.instruction{position:absolute;z-index:100;top:67%;left:50%;font-size:2.6rem;width:8em;height:2em;line-height:1.8em;color:#d4b56f;margin:1em 0 0 -4em;border:1px dashed #d4b56f;border-radius:7px;-webkit-transition:opacity .5s cubic-bezier(.27,0,.08,1);transition:opacity .5s cubic-bezier(.27,0,.08,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.instruction.show{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}@media only screen and (max-width:460px){.mq{font-family:mobile}html{font-size:8px}}