*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;justify-content:center;align-items:center;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}nav{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:15px 0;position:fixed;top:20px;left:20px;right:20px;box-shadow:0 4px 30px #0000001a}nav ul{justify-content:space-evenly;list-style:none;display:flex}nav ul li{text-align:center;flex:1}nav ul li a{color:#fff;text-transform:uppercase;font-size:1.2rem;font-weight:500;text-decoration:none;transition:opacity .3s}nav ul li a:hover{opacity:.7}.banner{background-color:#645e5e;width:100vw;height:580px;position:relative;overflow:hidden}.ring{border-top:3px solid #fff;border-left:3px solid #fff;border-top-left-radius:100%;position:absolute;bottom:0;right:0}.ring-outer{width:350px;height:350px}.ring-inner{width:277px;height:277px}.orbit-icon{object-fit:contain;z-index:10;width:20px;height:20px;position:absolute;bottom:-10px;right:-10px}.icon-outer{animation:5s linear infinite orbit-outer}.icon-inner{animation:4s linear infinite orbit-inner}@keyframes orbit-outer{0%{transform:rotate(0)translateY(-348.5px)rotate(0)}to{transform:rotate(-90deg)translateY(-348.5px)rotate(90deg)}}@keyframes orbit-inner{0%{transform:rotate(-90deg)translateY(-275.5px)rotate(90deg)}to{transform:rotate(0)translateY(-275.5px)rotate(0)}}