*{margin:0;padding:0;font-family:sans-serif}body{background:linear-gradient(-120deg,#304463,#17153b)}.bar{background-color:#f7f7f8;margin:0 1px}.bars{margin:0 auto;width:80vw;height:500px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:1rem}.container{display:flex;flex-direction:column}.main-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.options{margin-left:2rem;margin-bottom:5vh;display:flex;color:#fff}.freq,.speed{display:flex;margin-bottom:.7rem}button{cursor:pointer;border:none;margin-bottom:.4rem;padding:.4rem .8rem;margin-right:1rem;background-color:#fff;border-radius:15px}input[type=range]{margin-left:.4rem;overflow:hidden;-webkit-appearance:none;background-color:#fff;border-radius:1rem;padding:0 1.5px}@media screen and (max-width: 600px){.options{flex-direction:column}#speed-label{margin-right:1.8rem}}