body{background-color:#c7c7c7;margin:0;height:100%;touch-action:manipulation;display:flex;overflow:hidden}.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.under-construction{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:16px;font-family:Arial,sans-serif;color:#fff;opacity:.5;text-align:center}.cornerButtonContainer{position:absolute;top:0;left:0;width:100vw;height:var(--viewport-height);z-index:1500;-webkit-user-select:none;user-select:none;pointer-events:none}.cornerButton{position:absolute;height:calc(10 * var(--viewport-height) / 100);aspect-ratio:1 / 1;background:#32323280;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50%;font-size:14px;font-weight:500;text-transform:uppercase;cursor:pointer;pointer-events:all}.cornerButton:hover{background:#323232cc}.cornerButton.active{outline:2px solid rgb(101,217,255);background:#323232b3;color:#add8e6}.cornerButton.home{top:2rem;left:2rem}.cornerButton.work{top:2rem;right:2rem}.cornerButton.about{bottom:2rem;left:2rem}.cornerButton.contact{bottom:2rem;right:2rem}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#c7c7c7;color:#333;display:flex;align-items:center;justify-content:center;z-index:1000;flex-direction:column;font-family:Helvetica Neue,sans-serif}#progress-bar{width:60%;height:8px;background:#ddd;border-radius:4px;overflow:hidden;margin-top:20px;position:relative}#progress-bar:after{content:"";display:block;width:0;height:100%;background:#333;position:absolute;left:0;top:0;transition:width .3s ease}#progress-text{font-size:1.5em;font-weight:300;margin-top:20px;color:#333;text-align:center;letter-spacing:.5px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}body,html{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;background-color:#fff}#container{width:100vw;height:100vh}@media (max-aspect-ratio: 1/1){.burgerImgClass{max-height:5vh}}@media (min-aspect-ratio: 1/1){.burgerImgClass{max-height:4vw}}.centerwrapper{margin:auto;width:302pt}@keyframes blink2{50%{opacity:.5}}.clickButWrapper{-ms-touch-action:none;pointer-events:none;touch-action:none;height:100%;width:100%;position:relative;justify-content:center;align-items:center;text-align:center}.onlyWheelClass{opacity:0;position:absolute;pointer-events:none;top:55;right:55;font-size:18px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}@keyframes blink{50%{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes turnFade{0%{opacity:1}25%{opacity:1}75%{opacity:0}}@keyframes pleaseFade{50%{opacity:0}85%{opacity:1}to{opacity:0}}.fadeAnimClass{animation-duration:1s;animation-iteration-count:1;animation-name:fade}.turnFadeClass{animation-duration:1s;animation-iteration-count:1;animation-name:turnFade}.pleaseFadeClass{animation-duration:1s;animation-iteration-count:1;animation-name:pleaseFade}.mouseArrowClass{position:absolute;transition:transform 0s;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.clickButArrowClass{position:relative;transition:transform 0s;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.mouseArrowWrapClass{position:absolute;opacity:0;-ms-touch-action:none;pointer-events:none;touch-action:none;justify-content:center;align-items:center;text-align:center}:root{--circle-center: 50%;--line-width: 1px}#rotateCircle{user-select:none;pointer-events:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;border-radius:50%;background:conic-gradient(#000,#0000 360deg);-webkit-mask:radial-gradient(circle,transparent calc(var(--circle-center) - var(--line-width)),black var(--circle-center),black calc(var(--circle-center) + var(--line-width)),transparent calc(var(--circle-center) + var(--line-width) + 1%));mask:radial-gradient(circle,transparent calc(var(--circle-center) - var(--line-width)),black var(--circle-center),black calc(var(--circle-center) + var(--line-width)),transparent calc(var(--circle-center) + var(--line-width) + 1%))}#rotateCircle2{width:200px;height:200px;border-radius:50%;border:55px solid black;background:conic-gradient(#000,#000 360deg);display:block;margin:auto}.overlay{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;max-width:50em;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:15000;border-radius:2.5em;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto}.overlay-content{display:flex;flex-direction:column;width:100%;height:100%;padding:20px;box-sizing:border-box}.overlay-gradient{content:"";position:absolute;bottom:0;left:0;width:100%;height:12rem;background:linear-gradient(to top,rgb(255,255,255),transparent);pointer-events:none;z-index:17000;overflow-y:scroll}.overlay-title{font-size:1.8em;font-weight:700;margin-bottom:20px;text-align:left;color:#333}.overlay-video-container{width:100%;margin-bottom:20px;overflow:hidden}.overlay-video{width:100%;height:100%;position:relative}.overlay-text{padding:20px;overflow-y:scroll}.overlay a{color:#238eff;text-decoration:none}.overlay a:visited{color:#3cc8ff}.overlay a:hover{color:#82cfff}button#closeButton{position:absolute;top:2%;right:2%;width:40px;height:40px;border-radius:50%;background-color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:700;line-height:1;z-index:16000}button#closeButton:before{content:"×"}