@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body{overflow:hidden}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{background-color:#5963b2;background:linear-gradient(0deg,#193e71,#768095 50%,#b2bbcd);height:100lvh;left:0;position:fixed;top:0;width:100vw;z-index:5}.content,.loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.content{pointer-events:none;transform:translateZ(0)}.video{height:500px!important;max-width:500px;width:90%}.start-button{background-color:#0000;border:3px solid #fff;color:#fff;cursor:pointer;filter:blur(10px);font-family:Roboto,sans-serif;font-size:40px;font-weight:500;left:50%;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-bar{-webkit-animation-fill-mode:forwards;height:5px;margin-top:-60px;max-width:500px;position:relative;transform:scaleX(0);transition:.8s;width:50%}@keyframes progress{to{transform:scaleX(1)}}.progress-bar--progress{background-color:#fff;height:100%;transform:scaleX(1);transform-origin:0 0 0}.percentage{color:#fff;font-size:30px;line-height:2.4}.instruction-root{opacity:0}.instruction{align-items:center;background:#404188;background:radial-gradient(circle,#404188 0,#76809500 40%,#b2bbcd00 100%);display:flex;height:100lvh;justify-content:center;left:0;position:fixed;top:50lvh;transform:scaleY(.3) scaleX(3);width:100lvw;z-index:2}@media(max-width:1000px){.instruction{transform:scaleY(.5) scaleX(3)}}.instruction-content{bottom:0;left:50%;position:fixed;text-shadow:2px 2px 13px #3b2b8cb3;transform:translate(-50%);z-index:3}.project-instruction{color:#fff;font-family:Roboto,sans-serif;font-size:22px;padding-bottom:20px}.scroll-ins{opacity:1;transition:.5s}.contact-ins,.project-ins{opacity:0;transition:.5s}@keyframes breathing{0%{transform:translateY(0) translateX(-50%)}to{transform:translateY(-15%) translateX(-50%)}}.scroll{color:#fff;display:block;font-family:Roboto,sans-serif;font-size:20px;margin-bottom:30px;padding:10px 10px 10px 40px;position:relative;text-decoration:none}.scroll:before{border:2px solid #fff;border-radius:12px;height:40px;left:0;top:-2px;width:24px}.scroll:after,.scroll:before{content:"";display:block;position:absolute}.scroll:after{animation-delay:2s;animation-duration:2s;animation-iteration-count:infinite;animation-name:scroll;background:#fff;border-radius:1px;height:8px;left:13px;top:9px;width:2px}@keyframes scroll{0%{height:8px;opacity:1}20%{height:8px;opacity:1}30%{height:19px;opacity:1;transform:translateY(0)}40%{opacity:1}80%{height:0;opacity:0;transform:translateY(19px)}81%{height:8px;opacity:0;transform:translateY(0)}to{height:8px;opacity:1}}@media(max-width:600px){.scroll{font-size:15px}.scroll:before{transform:scale(.8)}}.social-media-parent{display:flex;flex-direction:column;height:250px;justify-content:space-around;padding:10px;position:fixed;right:0;top:50lvh;transform:translateY(-50%);z-index:1}@media(max-width:800px){.social-media-parent{height:250px;padding:1px;transform:translateY(-50%) scale(.7)}}.canvas{left:0;max-width:100lvw;min-height:100lvh;min-height:-webkit-fill-available;outline-offset:-10px;position:fixed;top:0;z-index:-1}#proxy-container{height:1500vh;z-index:2}a{display:none}#awwwards-link{display:block!important}#VRButton{background-color:#5963b2!important;border:0!important;bottom:20px!important;box-shadow:10px 9px 40px 0 #00000054!important;-webkit-box-shadow:10px 9px 40px 0 #00000054!important;-moz-box-shadow:10px 9px 40px 0 #00000054!important;display:none;font-family:Roboto,sans-serif!important;font-weight:700!important;height:40px;left:auto!important;opacity:1!important;position:fixed!important;right:20px!important;z-index:1!important}.gsap-animation{font-family:Roboto,sans-serif;height:150px;opacity:1;overflow:hidden}.gsap-animation,.gsap-game-animation{color:#fff;font-size:15px;text-align:center;width:225px}.gsap-game-animation{opacity:0;text-shadow:4px 3px 0 #7a7a7a}.movies-inner{font-family:Roboto,sans-serif;transform:translateY(300%)}.test-container{height:100lvh;position:fixed;width:0}@media(max-width:600px){#awwwards{transform:translateY(-50%) scale(.5) translateX(-50%)!important}}.project-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;font-family:Roboto,sans-serif;height:100lvh;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s;width:100vw;z-index:5}.project-modal{-ms-overflow-style:none;align-items:flex-end;background-color:hsla(0,0%,100%,.692);border-radius:20px;box-shadow:10px 10px 39px 9px #00000047;-webkit-box-shadow:10px 10px 39px 9px #00000047;-moz-box-shadow:10px 10px 39px 9px #00000047;display:flex;flex-direction:column;max-height:80lvh;max-width:1000px;overflow:scroll;padding:20px;scrollbar-width:none;width:80%}.project-modal::-webkit-scrollbar{display:none}.hide{opacity:0;pointer-events:none}.header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.close-icon{cursor:pointer;height:30px;width:30px}.project-content{display:flex;flex-direction:column;justify-content:flex-start}.side-content{flex:1 1 50%;position:relative;text-align:left}.title{font-size:40px;font-weight:500;margin-bottom:0;margin-top:0;text-align:left}.project-video-container{overflow:hidden;width:100%}.project-video{background-color:#000;border-radius:10px;max-height:720px;width:100%}.description{flex:1 1 50%;font-size:20px;line-height:1.5;margin-top:20px;text-align:left}.play-button-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.play-button{cursor:pointer;filter:drop-shadow(5px 5px 5px #222);width:140px}.skills{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-10px;margin-top:10px}.skill{margin-left:10px}.skill,.web-link{background-color:#5963b2;border-radius:5px;color:#fff;margin-top:10px;padding:10px}.web-link{align-items:center;cursor:pointer;display:flex;font-size:20px;font-weight:500;justify-content:center;position:relative;z-index:3}a{text-decoration:none}#project-link{display:block!important}@media(max-width:900px){.title{font-size:25px}.play-button{width:80px}.project-video{max-height:400px}}.switcher-container{display:none;opacity:0;overflow:hidden;position:fixed;right:10px;top:10px;transform:scale(.8);z-index:6}.switch{height:4.5rem;overflow:hidden;position:relative;width:8rem}.switch input{left:0;opacity:0;position:absolute;top:0;z-index:2}.switch label{cursor:pointer}.background{background:linear-gradient(90deg,#484848 0,#202020);border:.25rem solid #202020;border-radius:2.5rem;height:3rem;overflow:hidden;position:absolute;transition:all .3s;width:7.5rem;z-index:1}.switch input:checked~.fill{background:#e9f8fd}.stars1,.stars2{background:#fff;border-radius:50%;height:.3rem;position:absolute;transition:all .3s ease;width:.3rem}.stars1{right:23px;top:5px}.stars2{right:48px;top:30px}.stars1:after,.stars1:before,.stars2:after,.stars2:before{background:#fff;border-radius:50%;content:"";display:block;height:.25rem;position:absolute;transition:all .2s ease;width:.25rem}.stars1:after{right:20px;top:8px}.stars1:before{right:-12px;top:18px}.stars2:after{right:-16px;top:-8px}.stars2:before{right:-26px;top:6px}.sun-moon{background:#fffdf2;border:.25rem solid #dee2c6;border-radius:50%;display:inline-block;height:2rem;left:0;margin:.5rem;position:absolute;transition:all .5s ease;width:2rem;z-index:2}.sun-moon .dots{height:.4rem;left:20px;top:3px;width:.4rem}.sun-moon .dots,.sun-moon .dots:after,.sun-moon .dots:before{background:#efeedb;border:.25rem solid #dee2c6;border-radius:50%;position:absolute;transition:all .4s ease}.sun-moon .dots:after,.sun-moon .dots:before{content:"";display:block;height:.05rem;width:.05rem}.sun-moon .dots:after{left:-26px;top:-4px}.sun-moon .dots:before{left:-10px;top:18px}.switch input:checked~.sun-moon{background:#f5ec59;border-color:#e7c65c;left:calc(100% - 4rem);transform:rotate(-25deg)}.switch input:checked~.sun-moon .dots,.switch input:checked~.sun-moon .dots:after,.switch input:checked~.sun-moon .dots:before{background:#fff;border-color:#fff}.switch input:checked~.sun-moon .dots{height:1.5rem;left:-20px;top:0;transform:rotate(25deg);width:1.5rem}.switch input:checked~.sun-moon .dots:after{height:.65rem;left:-12px;top:2px;width:.65rem}.switch input:checked~.sun-moon .dots:before{height:.4rem;left:14px;top:6px;width:.4rem}.switch input:checked~.background .stars1,.switch input:checked~.background .stars2{opacity:0;transform:translateY(2rem)}.switch input:checked~.background{background:linear-gradient(90deg,#78c1d5 0,#bbe7f5);border:.25rem solid #78c1d5}@media(max-width:600px){.switcher-container{right:-10px;top:0;transform:scale(.5)}}