@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#050505;color:white;font-family:Space Grotesk,Arial;text-align:center}
header{position:sticky;top:0;padding:20px;display:flex;justify-content:center;gap:20px;background:#050505dd}
header span{padding:10px 20px;border:1px solid #9cff00;border-radius:30px}
a{cursor:pointer;text-decoration:none;color:#050505;background:#9cff00;padding:12px 22px;border-radius:14px;font-weight:700;display:inline-block;margin:8px;transition:.3s}
a:hover{transform:translateY(-5px);box-shadow:0 0 30px #9cff00}
main{max-width:900px;margin:auto;padding:50px 20px}
h1{font-size:90px;text-transform:lowercase;text-shadow:0 0 30px #9cff00}
.hero{width:min(650px,95%);border-radius:30px;animation:float 4s infinite ease-in-out}
section{margin:50px 0;padding:30px;border:1px solid #333;border-radius:25px;background:#111}
@keyframes float{50%{transform:translateY(-15px)}}
@media(max-width:700px){h1{font-size:50px}}