.app{height:100vh}.app .sections{background-color:#000;height:100vh;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;top:0;width:100vw}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:100vh;scroll-snap-align:start;width:100vw}.loading-fallback{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.loading-fallback .loader{animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff #0000;border-radius:50%;height:48px;width:48px}.error-boundary{align-items:center;background:#ff00001a;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.error-boundary h2{color:#f33;margin-bottom:20px}.error-boundary button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.error-boundary button:hover{background:#1976d2}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-container{background-color:#0000;height:100px;left:2.2rem;overflow:hidden;position:absolute;top:2.5rem;width:117px;z-index:2}@media only screen and (min-width:160.3rem){.nav-container{height:200px;width:234px}}@media only screen and (max-width:160.2rem)and (min-width:120.3rem){.nav-container{height:150px;width:175.5px}}@media only screen and (max-width:20rem){.nav-container{left:1rem}}@media only screen and (max-height:33.65rem)and (orientation:landscape){.nav-container{top:1rem}}.nav-container .nav-iconfalse{align-items:center;background-color:#000;border-radius:50%;border-style:none;cursor:pointer;display:flex;flex-direction:column;height:6rem;justify-content:center;position:absolute;position:fixed;right:3rem;top:3rem;width:6rem;z-index:10}@media only screen and (min-width:160.3rem){.nav-container .nav-iconfalse{height:200px;width:200px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-iconfalse{height:9.5rem;width:9.5rem}}@media only screen and (max-width:20rem){.nav-container .nav-iconfalse{right:2rem}}@media only screen and (max-height:17.5rem)and (orientation:landscape){.nav-container .nav-iconfalse{top:1rem}}@media only screen and (max-height:33.65rem)and (orientation:landscape){.nav-container .nav-iconfalse{top:1.5rem}}.nav-container .nav-iconfalse .bar1,.nav-container .nav-iconfalse .bar2,.nav-container .nav-iconfalse .bar3{background-color:#fff;border-radius:1rem;height:2px;margin:4px 0;transition:.4s;width:20px}@media only screen and (min-width:160.3rem){.nav-container .nav-iconfalse .bar1,.nav-container .nav-iconfalse .bar2,.nav-container .nav-iconfalse .bar3{height:5px;width:50px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-iconfalse .bar1,.nav-container .nav-iconfalse .bar2,.nav-container .nav-iconfalse .bar3{height:4px;width:30px}}.nav-container .nav-iconfalse .bar2{transform-origin:right;width:30px}@media only screen and (min-width:160.3rem){.nav-container .nav-iconfalse .bar2{height:5px;width:70px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-iconfalse .bar2{width:50px}}.nav-container .nav-icontrue{align-items:center;background-color:#000;border-radius:50%;border-style:none;cursor:pointer;display:flex;flex-direction:column;height:6rem;justify-content:center;position:absolute;position:fixed;right:3rem;top:3rem;width:6rem;z-index:10}@media only screen and (min-width:160.3rem){.nav-container .nav-icontrue{height:200px;width:200px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-icontrue{height:9.5rem;width:9.5rem}}@media only screen and (max-width:20rem){.nav-container .nav-icontrue{right:2rem}}@media only screen and (max-height:17.5rem)and (orientation:landscape){.nav-container .nav-icontrue{top:1rem}}@media only screen and (max-height:33.65rem)and (orientation:landscape){.nav-container .nav-icontrue{top:1.5rem}}.nav-container .nav-icontrue .bar1,.nav-container .nav-icontrue .bar2,.nav-container .nav-icontrue .bar3{background-color:#fff;border-radius:1em;height:2px;margin:-1px;transition:.4s;width:20px}@media only screen and (min-width:160.3rem){.nav-container .nav-icontrue .bar1,.nav-container .nav-icontrue .bar2,.nav-container .nav-icontrue .bar3{height:5px;margin:-2.5px;width:50px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-icontrue .bar1,.nav-container .nav-icontrue .bar2,.nav-container .nav-icontrue .bar3{height:4px;margin:-1.5px;width:30px}}.nav-container .nav-icontrue .bar2{transform-origin:right;width:30px}@media only screen and (min-width:160.3rem){.nav-container .nav-icontrue .bar2{height:5px;width:70px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-icontrue .bar2{width:50px}}.nav-container .nav-icontrue .bar1{transform:rotate(-45deg)}.nav-container .nav-icontrue .bar2{opacity:0}.nav-container .nav-icontrue .bar3{transform:rotate(45deg)}.nav-container .nav-main{display:none;left:0;position:fixed;top:0;z-index:1}.nav-container .nav-main .box-wrapper{display:flex;left:0;overflow:hidden;top:0;z-index:1}.nav-container .nav-main .box-wrapper .box{background-color:#09f755;height:100vh;width:25vw}.nav-container .nav-main .nav-left{color:#000;font-size:1rem;left:auto;left:5%;opacity:1;padding:1em;position:fixed;top:25%;width:33.3333333333vw;z-index:2}@media only screen and (max-width:46em){.nav-container .nav-main .nav-left{display:none}}@media only screen and (max-width:80em){.nav-container .nav-main .nav-left{right:55%}}@media only screen and (max-height:35em){.nav-container .nav-main .nav-left{display:none}}.nav-container .nav-main .nav-left .socials{font-size:1.5em}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-left .socials{font-size:5.5em}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-left .socials{font-size:3.5em}}.nav-container .nav-main .nav-left .socialbox{display:inline-flex;flex-direction:column;margin-bottom:20vh;width:100%}.nav-container .nav-main .nav-left .socialbox .socialrow{display:inline-flex;flex-direction:row;margin-bottom:2rem;margin-top:1rem}.nav-container .nav-main .nav-left .socialbox .socialrow .social{align-items:center;flex:2 1}.nav-container .nav-main .nav-left .socialbox .socialrow .social .showHover{color:#000;font-size:1.5em;opacity:0;padding-left:26px;padding-right:10px;padding-top:0;position:fixed;transition:opacity .5s}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-left .socialbox .socialrow .social .showHover{flex-grow:1;font-size:3.5em;height:6rem;padding-left:105px;padding-top:20px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-left .socialbox .socialrow .social .showHover{flex-grow:1;font-size:2em;height:3rem;padding-left:50px;padding-top:7px}}.nav-container .nav-main .nav-left .socialbox .socialrow .social .socialContent{color:#000;height:1.7rem;margin-right:2rem;overflow:hidden}.nav-container .nav-main .nav-left .socialbox .socialrow .social .socialContent img{height:24px;width:25px}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-left .socialbox .socialrow .social .socialContent img{height:96px;width:100px}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-left .socialbox .socialrow .social .socialContent img{height:48px;width:50px}}.nav-container .nav-main .nav-left .socialbox .socialrow :hover .showHover{opacity:1}.nav-container .nav-main .nav-left .p2{color:#000;font-size:2.9rem;letter-spacing:0;margin:.5rem .5rem 0;overflow:hidden;text-decoration:none;transition:letter-spacing .5s}.nav-container .nav-main .nav-left .p2 a{color:#000;text-decoration:none}@media only screen and (max-height:52rem)and (min-width:120.3rem){.nav-container .nav-main .nav-left .p2{display:none}}@media only screen and (max-height:77rem)and (min-width:160.3rem){.nav-container .nav-main .nav-left .p2{display:none}}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-left .p2{font-size:6.9rem}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-left .p2{font-size:4.9rem}}.nav-container .nav-main .nav-right{color:#000;font-size:2.5rem;height:calc(100vh - 30%);left:60%;opacity:1;overflow:hidden;position:fixed;top:30%;z-index:2}@media only screen and (max-width:46em){.nav-container .nav-main .nav-right{left:10%;width:100vw}}@media only screen and (max-height:35em){.nav-container .nav-main .nav-right{flex-direction:column;flex-wrap:wrap;left:auto;margin:10px}}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-right{font-size:6.5rem}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-right{font-size:4.5rem}}.nav-container .nav-main .nav-right .nav-flex{display:flex;flex-direction:column;font-size:2.5rem;height:calc(100vh - 30% - 70px);width:70vw}@media only screen and (max-width:46em){.nav-container .nav-main .nav-right .nav-flex{left:auto;width:100vw}}@media only screen and (max-height:35em){.nav-container .nav-main .nav-right .nav-flex{flex-direction:row;flex-wrap:wrap;left:auto}}.nav-container .nav-main .nav-right .p1{color:#000;font-family:Courier New,Courier,monospace;font-size:inherit;font-weight:700;overflow:hidden;transition:.5s}.nav-container .nav-main .nav-right .p2{color:#000;font-size:2.9rem;letter-spacing:0;margin:.5rem .5rem 0;overflow:hidden;text-decoration:none;transition:letter-spacing .5s}.nav-container .nav-main .nav-right .p2 a{color:#000;text-decoration:none}.nav-container .nav-main .nav-right .p2:hover{letter-spacing:10px}@media only screen and (min-width:160.3rem){.nav-container .nav-main .nav-right .p2{font-size:6.9rem}}@media only screen and (max-width:160rem)and (min-width:120.3rem){.nav-container .nav-main .nav-right .p2{font-size:4.9rem}}
/*# sourceMappingURL=main.426fa899.css.map*/