@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;1,400&family=Mr+Dafoe&display=swap";*{box-sizing:border-box;padding:0;margin:0}body{font-family:Montserrat,sans-serif}#__next{position:relative;z-index:99999}.y1{animation:v1 10s infinite}.y2{animation:v2 9s infinite}@keyframes v1{0%{transform:rotate(0deg)}50%{transform:rotate(270deg)}to{transform:rotate(1deg)}}@keyframes v2{0%{transform:rotate(-90deg) scale(.8)}50%{transform:rotate(-1turn) scale(.8)}to{transform:rotate(-89deg) scale(.8)}}.nav-tgl{display:inline-block;cursor:pointer;position:fixed;z-index:100;right:30px;top:30px;width:70px;height:70px;border:none;border-radius:50%;padding:0;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.24);line-height:.6;text-align:center}@media(max-width:767.8px){.nav-tgl{zoom:.8}}.nav-tgl>span{position:relative;width:34px;vertical-align:middle}.nav-tgl>span,.nav-tgl>span:after,.nav-tgl>span:before{display:inline-block;height:2px;border-radius:1px;background:#293335}.nav-tgl>span:after,.nav-tgl>span:before{position:absolute;content:"";transition:all .2s}.nav-tgl>span:before{top:-11px;left:3px;width:28px}.nav-tgl>span:after{top:11px;left:6px;width:22px}.nav-tgl:focus{outline:none}.nav-tgl:hover>span:after,.nav-tgl:hover>span:before{width:34px;left:0}.nav:before{display:block;position:fixed;top:0;left:0;content:"";width:100vw;height:100vh;background:#e0aaff;transition:all .5s ease-in-out;-webkit-clip-path:circle(30px at calc(100% - 65px) 65px);clip-path:circle(30px at calc(100% - 65px) 65px);visibility:hidden}.menu.active .nav:before{visibility:visible;-webkit-clip-path:circle(100%);clip-path:circle(100%)}.menu.active .nav-tgl>span{height:0}.menu.active .nav-tgl>span:after,.menu.active .nav-tgl>span:before{top:0;left:0;width:34px}.menu.active .nav-tgl>span:after{transform:rotate(-45deg)}.menu.active .nav-tgl>span:before{transform:rotate(45deg)}nav ul{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;list-style:none;text-align:center;padding:0;margin:0;z-index:1;transform:translateY(-100%)}nav ul,nav ul li{transition:all .5s ease-in-out}nav ul li{display:inline-block;width:100%;padding:20px 0;font-size:2rem;font-weight:500}nav ul li:hover{background:rgba(224,170,255,.4)}.menu.active nav ul{transform:translateY(0);transition:all .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.animate{animation-duration:3s;animation-fill-mode:both}.hero{width:100%;height:100vh;overflow:hidden}.hero,.menu{position:relative}.menu{z-index:999}nav ul li a{text-decoration:none;color:#000}