@import"https://fonts.googleapis.com/css?family=Open+Sans|Roboto:300";html{scroll-behavior:smooth}*{box-sizing:border-box}a{text-decoration:none}body{background:#000;overflow-x:hidden;overscroll-behavior-y:none;margin:0;padding:0;font-family:Comfortaa,sans-serif;color:#fff}#container{position:fixed;z-index:-999}#container canvas{z-index:-999!important;position:fixed;position:-ms-device-fixed;height:100%;width:100vw;top:0;left:0}#page{width:100vw;z-index:99;position:absolute;justify-content:center;text-align:center;font-size:5vh}.block{font-size:4vh;text-align:center}.front{text-align:center}.logo{position:relative;outline:2px solid #19F6E8;display:inline-block;padding:15px 40px;text-transform:uppercase;font-family:Roboto,sans-serif;font-size:1.4em;font-weight:400;line-height:50px;letter-spacing:8px;z-index:999;cursor:pointer;transition:all 1s ease-in-out}.hero{position:absolute;height:100%;backface-visibility:hidden;transform:rotate(0) translateZ(1px)}.logo:hover{color:orange;box-shadow:3px 3px 3px #f0f,-3px -3px 3px #0ff}.underscore{position:relative;margin-top:0;font-family:Trebuchet MS,sans-serif;font-size:.5em;font-weight:700;line-height:5px;letter-spacing:8px;text-decoration:cyan underline;-webkit-user-select:none;user-select:none}a:hover{animation:underlineSlideIn 1s ease-in-out 0s 1 normal forwards}@keyframes underlineSlideIn{0%{color:#fff}to{color:#f0f}}.layer2{width:24%;height:100%;position:absolute;top:0;right:8%;background:red;mix-blend-mode:difference}#scrollProgress{font-family:Comfortaa,sans-serif;position:fixed;bottom:10px;left:10px;z-index:99;font-size:3vh}#vwSrcLink{position:fixed;z-index:99}.header{display:flex;justify-content:center;height:30vh}.content{display:flex}.main{flex:1 0 auto;display:flex;align-items:center;justify-content:center;height:2000px;margin-right:10px}#side{display:flex;align-items:center;border-radius:25%;justify-content:center;position:-webkit-sticky;position:sticky;top:10px;margin-top:.2em;margin-right:.2em;width:140px;height:140px;color:#fff;text-shadow:3px 3px 1px black;background:#19f6e7;cursor:pointer}#side>.top{display:none}#side.scrollUp>.top{display:initial}#side.scrollUp>.bottom{display:none}.side:hover{color:#f0f;box-shadow:3px 3px #f0f,-3px -3px #0ff;transition:all 1s ease-in-out}@media only screen and (max-width: 800px){.underscore{margin-top:0;font-family:Roboto,sans-serif;font-size:.5em;font-weight:700;line-height:5px;letter-spacing:2px;text-decoration:cyan underline}.side{display:none}.logo{position:relative;outline:2px solid #19F6E8;display:inline-block;padding:10px 30px;text-transform:uppercase;font-family:Roboto,sans-serif;font-size:1.2em;font-weight:400;line-height:50px;letter-spacing:8px;z-index:999;cursor:pointer}}@media only screen and (max-width: 500px){.underscore{margin-top:0;font-family:Roboto,sans-serif;font-size:.3em;font-weight:700;line-height:5px;letter-spacing:0px;text-decoration:cyan underline}.side{display:none}.logo{position:relative;outline:2px solid #19F6E8;display:inline-block;padding:8px 15px;text-transform:uppercase;font-family:Roboto,sans-serif;font-size:1.2em;font-weight:400;line-height:50px;letter-spacing:8px;z-index:999;cursor:pointer}#scrollProgress{font-size:.6em}}.content-wrapper{background-color:#03071eb3}p:not(:last-child){margin-bottom:1rem}.body-wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:5px}.me{margin:0;padding:0;width:400px;height:400px;position:relative;z-index:101}.social{cursor:pointer;margin:.4em .4em 2em;width:50px;height:50px;border-radius:50%;position:relative;z-index:101;transition:all 1s ease-in-out}.mail svg:hover{fill:#f08080;box-shadow:2px 2px 2px #f0f,-2px -2px 2px #0ff}.git svg:hover{fill:#90ee90;box-shadow:2px 2px 2px #f0f,-2px -2px 2px #0ff}.linkd svg:hover{fill:#add8e6;box-shadow:2px 2px 2px #f0f,-2px -2px 2px #0ff}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:orange;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#c901a1;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#19f6e8;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}