@import url(https://fonts.googleapis.com/css?family=Megrim&display=swap);@import url(https://fonts.googleapis.com/css?family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css?family=Exo&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);body{margin:0;padding:0;font-family:sans-serif;overflow:hidden;box-sizing:border-box}.wrapper{overflow-y:scroll;overflow-x:hidden}#WebGL-output,.wrapper{width:100vw;height:100vh}#WebGL-output{top:0}.title{font:3rem Poiret One,sans-serif;letter-spacing:.5em;margin-left:1rem;margin-top:0!important;display:flex;align-items:center;justify-content:center;text-transform:uppercase;position:absolute;position:fixed;z-index:1;pointer-events:none;transition:opacity 2s ease 1s;opacity:1;text-shadow:0 0 30px #fff;-webkit-animation:title 2s;animation:title 2s}.menu,.title{height:100vh;width:100vw;color:#fff}.menu{background-color:rgba(0,0,0,.5);position:fixed;scroll-snap-type:y mandatory;overflow-y:scroll}.hamburger-button{z-index:100;position:fixed;top:46.5%;margin:0 auto;opacity:0;-webkit-animation:appear-left 3s;animation:appear-left 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.section{font:3rem Poiret One,sans-serif;font-size:2.5vh;scroll-snap-align:center none;height:100vh;text-align:center;color:#fff;margin:auto;width:50vw;padding-top:25vh;-webkit-animation:appear-left 3s;animation:apear-left .3s}.section p{color:hsla(0,0%,100%,.6);-webkit-animation:appear-up 3s;animation:appear-up 2s}.section h1{display:flex;justify-content:center;align-items:center;text-align:center;text-shadow:0 0 30px #fff;margin-bottom:50px;-webkit-animation:appear-down 3s;animation:appear-down 2s}.section h1:after,.section h1:before{content:"";border-top:1px solid hsla(0,0%,100%,.2);margin:0 20px 0 0;flex:1 0 20px}.section h1:after{margin:0 0 0 20px;border-top:0 solid}.section h1:before{-webkit-animation:title-line 3s;animation:title-line 3s}.credits{font:3rem Poiret One,sans-serif;font-size:2.5vh;position:fixed;bottom:0;right:0;margin:1vh;color:hsla(0,0%,100%,.6);text-shadow:0 0 30px #fff;-webkit-animation:title 1s;animation:title 1s}.credits a,.credits a:hover{color:#fff;text-decoration:none}.title_action{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:hwb(61 2% 0);font-size:40px;transition:all .5s ease-out}@-webkit-keyframes title{0%{opacity:0}to{opacity:1}}@keyframes title{0%{opacity:0}to{opacity:1}}@-webkit-keyframes title-line{0%{width:0;border-top:0 solid hsla(0,0%,100%,.2)}to{border:100%;border-top:1px solid hsla(0,0%,100%,.2)}}@keyframes title-line{0%{width:0;border-top:0 solid hsla(0,0%,100%,.2)}to{border:100%;border-top:1px solid hsla(0,0%,100%,.2)}}@-webkit-keyframes appear-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes appear-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes appear-up{0%{-webkit-transform:translateY(300%);transform:translateY(300%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes appear-up{0%{-webkit-transform:translateY(300%);transform:translateY(300%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes appear-down{0%{-webkit-transform:translateY(-200%);transform:translateY(-200%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes appear-down{0%{-webkit-transform:translateY(-200%);transform:translateY(-200%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media screen and (max-width:1024px){.section{width:60%}}@media screen and (max-width:800px){.hamburger-button{top:0}.section{padding-top:20vh}}@media screen and (max-width:650px){.section{width:80%}}@media screen and (max-width:550px){.section{width:60%}}@media screen and (max-width:450px){.section{padding-top:20vh;width:70%}}.column{margin:15px 15px 0;padding:0}.column:after{content:"";clear:both;display:block}.column div{position:relative;float:left;padding:0}.column div:first-child{margin-left:0}.column div span{position:relative;bottom:250px;left:150px;z-index:1;display:block;width:300px;margin:0;padding:0;color:#f7f4f4;font-size:18px;text-decoration:none;text-align:center;transition:.3s ease-in-out;opacity:0}figure{margin:0;padding:0;background:#fff;overflow:hidden}figure:hover+span{opacity:1}.hover15{position:relative}.hover15:before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:"";width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.hover15:hover:before{-webkit-animation:circle .5s;animation:circle .5s}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}to{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}to{width:200%;height:200%;opacity:0}}.skill-bar{margin:1rem 0 0;flex-direction:row;justify-content:space-between;padding:0 35px}.skill-bar,.skill-level{display:flex}.dot_fill{border-radius:100%;border:.1rem solid #0008ff;background:#0008ff}.dot_empty,.dot_fill{margin:.2rem;width:12px;height:12px}.dot_empty{border-radius:100%;border:.1rem solid #adaba8;background:#adaba8}.checked{color:orange}.checked,.unchecked{margin-left:10px}
/*# sourceMappingURL=main.084d4a63.chunk.css.map */