@import url(https://fonts.googleapis.com/css2?family=Recursive:wght@400;500;600;700;800;900&display=swap);[data-v-17c9444c]{padding:0;margin:0;box-sizing:border-box}body[data-v-17c9444c]{font-family:"Recursive",sans-serif;overflow:hidden}.container[data-v-17c9444c]{max-height:100vh;max-width:100vw;background-color:#131414;background-image:linear-gradient(135deg,#131414,#000);transform-style:preserve-3d;overflow:hidden}.navbar[data-v-17c9444c]{position:fixed;top:0;left:0;width:100%;z-index:10;height:5rem}.menu[data-v-17c9444c]{max-width:72rem;width:100%;height:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.logo[data-v-17c9444c]{font-size:1.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;line-height:4rem;margin-top:20px}.logo span[data-v-17c9444c]{font-size:1.8rem;margin-left:5px;color:#e20f2f}.hamburger-menu[data-v-17c9444c]{height:4rem;width:3rem;cursor:pointer;display:flex;align-items:center;justify-content:flex-end}.bar[data-v-17c9444c]{width:1.9rem;height:1.5px;border-radius:2px;background-color:#eee;transition:.5s;position:relative}.bar[data-v-17c9444c]:after,.bar[data-v-17c9444c]:before{content:"";position:absolute;width:inherit;height:inherit;background-color:#eee;transition:.5s}.bar[data-v-17c9444c]:before{transform:translateY(-9px)}.bar[data-v-17c9444c]:after{transform:translateY(9px)}.main-container[data-v-17c9444c]{overflow:hidden}.main[data-v-17c9444c]{position:relative;width:100%;left:0;z-index:5;overflow:hidden;transform-origin:left;transform-style:preserve-3d;transition:.5s}header[data-v-17c9444c]{min-height:100vh;width:100%;background:url(https://i.postimg.cc/0Q09GwLQ/image.jpg) no-repeat top/cover;position:relative}.overlay[data-v-17c9444c]{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.712);display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.inner[data-v-17c9444c]{max-width:35rem;text-align:center;color:#fff;padding:0 2rem}.title[data-v-17c9444c]{font-size:3rem}.description[data-v-17c9444c]{margin:10px 0;text-align:center;width:50%;font-size:1.5rem}.btn[data-v-17c9444c]{margin-top:1rem;padding:.6rem 1.8rem;background-color:#e20f2f;border:none;border-radius:25px;color:#fff;text-transform:uppercase;cursor:pointer;text-decoration:none}.container.active .bar[data-v-17c9444c]{transform:rotate(1turn);background-color:transparent}.container.active .bar[data-v-17c9444c]:before{transform:translateY(0) rotate(45deg)}.container.active .bar[data-v-17c9444c]:after{transform:translateY(0) rotate(-45deg)}.container.active .main[data-v-17c9444c]{-webkit-animation:main-animation-17c9444c .5s ease;animation:main-animation-17c9444c .5s ease;cursor:pointer;transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}@-webkit-keyframes main-animation-17c9444c{0%{transform:translate(0)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}}@keyframes main-animation-17c9444c{0%{transform:translate(0)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}}.links[data-v-17c9444c]{position:absolute;width:30%;right:0;top:0;height:100vh;z-index:2;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;margin-left:10px}ul[data-v-17c9444c]{list-style:none}ul li.active a[data-v-17c9444c]{color:#e20f2f}.links a[data-v-17c9444c]{text-decoration:none;color:#eee;padding:.7rem 0;display:inline-block;font-size:1.8rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;transition:.3s;opacity:0;transform:translateY(10px);-webkit-animation:hide-17c9444c .5s ease forwards;animation:hide-17c9444c .5s ease forwards}.links a[data-v-17c9444c]:hover{color:#e20f2f}.container.active .links a[data-v-17c9444c]{-webkit-animation:appear-17c9444c .5s forwards ease var(--i);animation:appear-17c9444c .5s forwards ease var(--i)}@-webkit-keyframes appear-17c9444c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes appear-17c9444c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes hide-17c9444c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes hide-17c9444c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.shadow[data-v-17c9444c]{position:absolute;width:100%;height:100vh;top:0;left:0;transform-style:preserve-3d;transform-origin:left;transition:.5s;background-color:#fff}.shadow.one[data-v-17c9444c]{z-index:-1;opacity:.15}.shadow.two[data-v-17c9444c]{z-index:-2;opacity:.1}.container.active .shadow.one[data-v-17c9444c]{-webkit-animation:shadow-one-17c9444c .6s ease-out;animation:shadow-one-17c9444c .6s ease-out;transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(215px) scale(.5)}@-webkit-keyframes shadow-one-17c9444c{0%{transform:translate(0)}5%{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(215px) scale(.5)}}@keyframes shadow-one-17c9444c{0%{transform:translate(0)}5%{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(215px) scale(.5)}}.container.active .shadow.two[data-v-17c9444c]{-webkit-animation:shadow-two-17c9444c .6s ease-out;animation:shadow-two-17c9444c .6s ease-out;transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(120px) scale(.5)}@-webkit-keyframes shadow-two-17c9444c{0%{transform:translate(0)}20%{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(120px) scale(.5)}}@keyframes shadow-two-17c9444c{0%{transform:translate(0)}20%{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(310px) scale(.5)}to{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(120px) scale(.5)}}.container.active .main:hover+.shadow.one[data-v-17c9444c]{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(230px) scale(.5)}.container.active .main[data-v-17c9444c]:hover{transform:perspective(1300px) rotateY(20deg) translateY(10px) translateZ(340px) scale(.5)}