@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap";html{scroll-behavior:smooth}body{font-family:sans-serif;background-color:#111;color:#cfcfcf}*{margin:0;padding:0;box-sizing:border-box}h1{font-family:Dosis,sans-serif;font-size:4em;text-transform:uppercase;font-weight:400;letter-spacing:2px}a{text-decoration:none}p{line-height:1.7em;margin-bottom:2em;max-width:600px}.hero{min-height:100vh;padding:2em;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8em;background-image:radial-gradient(#1a1919,#000);overflow:hidden;position:relative;z-index:0}.btn-panel{background-image:linear-gradient(45deg,#111,#2e2e2e);width:70%;max-width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-55%) rotateX(25deg) rotateY(-10deg) rotate(15deg);border-radius:10px;box-shadow:0 0 0 15px #212121;border:1px #ffb253 solid}.btn-container{perspective:1000px;z-index:1}.isometric-btn{display:inline-block;font-size:1.1em;text-transform:uppercase;letter-spacing:1px;color:#bababa;padding:.8em 2.5em;border-radius:5em;position:relative;background-image:linear-gradient(90deg,#1d1d1d,#292929);transform:rotateX(25deg) rotateY(-10deg) rotate(15deg);transform-style:preserve-3d;box-shadow:5px 5px #111,inset -1px -1px #767676}.isometric-btn:before,.isometric-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:130%;border-radius:inherit;transition:.3s;border:3px #ffb253 solid}.isometric-btn:before{box-shadow:0 0 15px #ffa230cc,inset 0 0 15px #ffa230cc}.isometric-btn:after{filter:blur(5px);border-width:8px;box-shadow:0 0 15px 5px #ffa230cc,inset 0 0 15px #ffa230cc;opacity:0}.isometric-btn:hover{background-image:radial-gradient(#3c3731,#2b2319);color:#ffebd5;box-shadow:5px 5px #000 inset -2px -2px #847c74}.btn-container:hover+.btn-panel{background-image:linear-gradient(45deg,#0f0f0d,#312f2a)}.isometric-btn:hover:before{transform:translate3d(-50%,-50%,3em)}.isometric-btn:hover:after{width:130%;height:150%;opacity:.3}#about{background-color:#1c1c1c;padding:2em}#about h1{margin-bottom:.5em}