@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap";@font-face{font-family:wild_worldbold;src:url(https://assets.codepen.io/756881/wild_world-webfont.woff2) format("woff2"),url(https://assets.codepen.io/756881/wild_world-webfont.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box}body{background-color:#111827;scroll-behavior:smooth}h1,h2,h3,h4,p{margin:0}nav{z-index:100}.module-border-wrap{width:100px;text-align:center;position:relative;background:linear-gradient(to right,red,purple)}.button{pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;margin:0;font-family:inherit;font-size:inherit;position:fixed;right:0;bottom:10px;display:inline-block;z-index:100}.button:before,.button:after{position:absolute;top:0;left:0;width:100%;height:100%}.button--fenrir{background:none;padding:0;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:90px;height:90px;font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5rem}.progress{position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);transition:transform .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress{transform:scale3d(1.2,1.2,1)}.progress__circle,.progress__path{fill:none;stroke:#f0f0f0;stroke-width:1px}.button--fenrir:focus-visible .progress__circle{fill:#f9f9f8}.progress__path{stroke:#e2001d;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress__path{stroke-dashoffset:0}.my-btn{width:180px;height:60px;cursor:pointer;background:transparent;outline:none;transition:1s ease-in-out;position:relative}.my-btn svg{width:180px;height:60px;position:absolute;left:0;top:0;fill:none;stroke:red;stroke-dasharray:150 480;stroke-dashoffset:150;transition:1s ease-in-out}.my-btn:hover{transition:1s ease-in-out}.my-btn:hover svg{stroke-dashoffset:-480}.my-btn span{color:#fff;font-weight:100}.wild-world-bold{font-family:wild_worldbold}.bebas-font-400{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}.bebas-font-700{font-family:Bebas Neue,sans-serif;font-weight:700;font-style:normal}.dm-sans-400{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.section-start .cube-box{position:relative;height:500px;width:100%}.section-start .text-container{position:relative}.section-start .text-container p{font-size:clamp(13px,8vw,104px);line-height:1.5;letter-spacing:1px;font-family:wild_worldbold;text-align:center;color:#fff;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:white;z-index:-10}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 790px){.my-btn{width:150px!important;height:60px}.my-btn svg{width:150px!important;height:60px}.text-s{font-size:10px}.site-nav-scroll{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s}.section-start .cube-box{height:300px}.section-start .text-container{position:relative}.section-start .text-container p{font-size:clamp(10px,6.1vw,50px);line-height:1;letter-spacing:1px}}