body{background-color:#1e1322;color:#f0f8ff;padding:2.5rem 2rem 0;height:93vh;display:flex;flex-direction:column;justify-content:flex-start}.container{width:100%;height:60vh;display:grid;gap:1.1px}.ball{background-color:#4c3f51;aspect-ratio:1;border-radius:100%}.ball.active{background-color:#e1d1e7}.content{margin:16vh 0 0;display:flex;justify-content:space-between;font-size:1.3rem}@media (min-width: 400px){body{padding:2rem 3rem 0}.container{gap:1.2px}.content{font-size:1.5rem}}@media (min-width: 800px){body{padding:2.8rem 4.6rem 0}.container{gap:1.8px}.content{font-size:2rem}}