body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:initial;background:transparent}body{background-color:#f1f1f1}.disable-css-transitions:after,.disable-css-transitions:before,.disable-css-transitions:hover:after,.disable-css-transitions:hover:before{opacity:0}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}canvas{background-color:#1c1d25}.App-link{color:#61dafb}@-webkit-keyframes Underline{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes Underline{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes Underline2{0%{-webkit-transform:translate(-200%);transform:translate(-200%)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes Underline2{0%{-webkit-transform:translate(-200%);transform:translate(-200%)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@-webkit-keyframes Underline3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(101%);transform:translate(101%)}}@keyframes Underline3{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(101%);transform:translate(101%)}}@-webkit-keyframes Underline4{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(101%);transform:translate(101%)}}@keyframes Underline4{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(101%);transform:translate(101%)}}@-webkit-keyframes Underline5{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(126%);transform:translate(126%)}}@keyframes Underline5{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(126%);transform:translate(126%)}}@-webkit-keyframes Underline6{0%{-webkit-transform:translate(126%);transform:translate(126%)}to{-webkit-transform:translate(-105%);transform:translate(-105%)}}@keyframes Underline6{0%{-webkit-transform:translate(126%);transform:translate(126%)}to{-webkit-transform:translate(-105%);transform:translate(-105%)}}.main{display:flex;align-items:center;height:100vh;margin:0 auto;width:100%;padding:0 10px;justify-content:center;flex-direction:column;font:16px/1.5 -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;background:#fff}.devName{font-size:4.8rem;color:#fff}.rem2margin{padding-top:1.25rem;padding-bottom:1.25rem;margin-bottom:.75rem}.overlay{height:"100%"}.letter{max-height:500px;height:100%;position:relative;z-index:5;display:inline-block;max-width:610px;width:100%}.large-letter{margin-left:2rem}@-webkit-keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.header_content{position:relative;-webkit-animation:slideInFromTop .1s ease-out 0s 1;animation:slideInFromTop .1s ease-out 0s 1}@-webkit-keyframes showMe{0%{opacity:.5}to{opacity:1}}@keyframes showMe{0%{opacity:.5}to{opacity:1}}@-webkit-keyframes hideMe{0%{opacity:1}to{opacity:.5}}@keyframes hideMe{0%{opacity:1}to{opacity:.5}}@-webkit-keyframes arrowHover{0%{width:1px;height:45px;padding-top:10px;padding-bottom:0;margin-left:0}to{width:2px;height:35px;padding-bottom:10px;margin-left:-1px;padding-top:0}}@keyframes arrowHover{0%{width:1px;height:45px;padding-top:10px;padding-bottom:0;margin-left:0}to{width:2px;height:35px;padding-bottom:10px;margin-left:-1px;padding-top:0}}@-webkit-keyframes arrowUnHover{0%{width:2px;height:35px;padding-bottom:10px;margin-left:-1px;padding-top:0}to{width:1px;height:45px;padding-top:10px;padding-bottom:0;margin-left:0}}@keyframes arrowUnHover{0%{width:2px;height:35px;padding-bottom:10px;margin-left:-1px;padding-top:0}to{width:1px;height:45px;padding-top:10px;padding-bottom:0;margin-left:0}}@-webkit-keyframes arrowHoverAfter{0%{left:16px;bottom:3px;height:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{left:20px;bottom:13px;height:2px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@keyframes arrowHoverAfter{0%{left:16px;bottom:3px;height:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{left:20px;bottom:13px;height:2px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@-webkit-keyframes arrowUnHoverAfter{0%{left:20px;bottom:13px;height:2px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes arrowUnHoverAfter{0%{left:20px;bottom:13px;height:2px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes arrowHoverBefore{0%{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{left:12px;bottom:13px;height:2px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@keyframes arrowHoverBefore{0%{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{left:12px;bottom:13px;height:2px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@-webkit-keyframes arrowUnHoverBefore{0%{left:12px;bottom:13px;height:2px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}to{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes arrowUnHoverBefore{0%{left:12px;bottom:13px;height:2px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}to{left:16px;bottom:2px;height:1px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.header_content .letter{max-height:60px;height:100%;position:relative;z-index:5;display:inline-block;max-width:100px;width:100%;margin-left:0}.relative{position:relative}#nokey{position:absolute;top:0;left:0;right:0;width:100%;height:100vh;min-height:380px;z-index:3}a{text-decoration:none}.noOverflow{overflow:hidden}.ButtonMarginRight{right:-26px;position:absolute}.main_content{width:100%}.coolUnderline>a{transition:all .5s ease;display:inline-block;overflow:hidden;position:relative;padding-bottom:3px;padding-top:3px}.coolUnderline>a:after{background:#f25757;-webkit-animation:Underline3 .3s forwards;animation:Underline3 .3s forwards}.coolUnderline>a:after,.coolUnderline>a:before{content:" ";width:100%;height:3px;position:absolute;left:0;bottom:0}.coolUnderline>a:before{background:#235aa6;-webkit-animation:Underline4 .6s forwards;animation:Underline4 .6s forwards}.coolUnderline>a:hover:after{background:#f25757;-webkit-animation:Underline .3s forwards;animation:Underline .3s forwards}.coolUnderline>a:hover:after,.coolUnderline>a:hover:before{content:" ";color:#fff;width:100%;height:3px;position:absolute;left:0;bottom:0}.coolUnderline>a:hover:before{background:#235aa6;-webkit-animation:Underline2 .3s forwards;animation:Underline2 .3s forwards}@media only screen and (max-height:500px){.letter{max-height:245px;max-width:300px}.LetterL{margin-left:1.8rem;max-height:190px!important;bottom:0;position:absolute}}@media only screen and (min-width:75em){.main_content{width:100%;max-width:1170px}}@media only screen and (max-width:75em){.main_content{width:100%;max-width:1000px}}@media only screen and (max-width:1599px){.letter{max-height:245px;max-width:300px}}@media only screen and (max-width:1024px){.rem2margin{padding-top:1rem;padding-bottom:1rem;margin-bottom:.75rem}.main_content{width:100%}}@media only screen and (max-width:899px){.devName{font-size:3.2rem}}@media only screen and (max-width:769px){.Content{justify-content:center}.Introduction{padding-left:0!important;align-items:center}.Arrow{display:none}}@media only screen and (max-width:699px){.devName{font-size:2.2rem;padding-top:1.5rem}.large-letter{margin-top:2.4rem}}@media only screen and (max-width:450px){#devName{padding-top:.5rem}.rem2margin{padding-top:0}.large-letter{margin-top:1.2rem;position:absolute;right:0}}
/*# sourceMappingURL=main.72b68f59.chunk.css.map */