@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400;700&display=swap');@import url(https://fonts.googleapis.com/css?family=Karla:regular,italic,700,700italic);*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{background-color:#000;line-height:1.6;color:#fff;font-size:18px;font-weight:400;font-family:"-apple-system","BlinkMacSystemFont","Roboto","Helvetica Neue",sans-serif !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;&.stop{overflow:hidden}
}#page{position:relative;transition:1s all ease-in-out;&.menuopen{opacity:0.6;filter:blur(5px);transform:scale(1.2)}
}section{display:flex;min-height:100vh;padding:50px;justify-content:center;align-items:center;background:transparent;color:#fff;position:relative;background-color:#000;&:after{content:"";position:absolute;left:0;top:0;background:#000;opacity:0;height:100%;width:100%}
h1{font-size:120px;margin:0;z-index:2;position:relative}
}header{z-index:99999;position:relative;#logo{position:fixed;top:30px;left:0;right:0;width:100px;height:auto;margin:0 auto;opacity:1;transition:.3s all cubic-bezier(0.075,0.82,0.165,1) .6s}
nav{display:flex;height:100px;justify-content:center;align-items:center;padding:0 20px;position:fixed;left:0;right:0;width:500px;margin:0 auto;top:120px;background-color:rgba(255,255,255,.05);border-radius:200px;z-index:9;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.06);transition:1s all cubic-bezier(0.075,0.82,0.165,1) .2s;a{color:#fff;text-decoration:none;font-weight:700;display:block;padding:10px 20px;line-height:1;font-size:15px;letter-spacing:2px;text-transform:lowercase;transition:.3s all cubic-bezier(0.075,0.82,0.165,1) .6s}
button{-webkit-appearance:none;background:rgba(0,0,0,.3);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);position:absolute;z-index:99;left:0;margin:auto;right:0;top:0;bottom:0;width:60px;height:60px;border-radius:100%;outline:0;border:0;cursor:pointer;transition:.3s all cubic-bezier(0.075,0.82,0.165,1) 0.2s;transform:scale(0);span{width:40%;background:#fff;height:2px;display:block;margin:5px auto;transform:scalex(0);transition:.6s transform cubic-bezier(0.075,0.82,0.165,1) 0s,.3s margin ease-in 0s}
&:hover{border-color:rgba(255,255,255,.5);span{margin:10px auto}
}}}
}header.sticky{#logo{top:0;transform:scale(.8);opacity:0;transition-delay:0.5s}
nav{top:20px;padding:0;width:90px;height:90px;transition-delay:0.5s;button{transform:scale(1);transition-delay:0.6s;span{transform:scalex(1);transition:.6s transform cubic-bezier(0.075,0.82,0.165,1) .8s,.3s margin ease-in 0s}
}a{padding:0;opacity:0;letter-spacing:0px;transform:scale(0.3);transition-delay:0.2s}
}}#fixedlink{position:fixed;bottom:0;z-index:9999;right:0;left:0;text-align:center;text-decoration:none;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:20px}
.button-86{all:unset;width:100px;height:30px;font-size:16px;background:transparent;border:none;position:relative;color:#f0f0f0;cursor:pointer;z-index:1;padding:10px 20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.button-86::after,.button-86::before{content:'';position:absolute;bottom:0;right:0;z-index:-99999;transition:all .4s}
.button-86::before{transform:translate(0%,0%);width:100%;height:100%;background:#28282d;border-radius:10px}
.button-86::after{transform:translate(10px,10px);width:35px;height:35px;background:#ffffff15;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50px}
.button-86:hover::before{transform:translate(5%,20%);width:110%;height:110%}
.button-86:hover::after{border-radius:10px;transform:translate(0,0);width:100%;height:100%}
.button-86:active::after{transition:0s;transform:translate(0,5%)}
a::before{color:#fff}
a::after{color:#fff}