body{background:rgb(17,80,108);color:#fff;font-family:sans-serif}.control{background:rgba(0,0,0,.509);padding:.5rem;margin:1.5rem;display:grid;grid-template-columns:100%;justify-content:center}.active{background:rgb(78,19,103);color:#fff}button{font-size:1.4rem;padding:.5rem;margin:.5rem;transition:all .3s ease;cursor:pointer;width:10rem;border-radius:.5rem}button:hover{background:rgb(210,143,238)}button:focus{outline:0}input:focus{outline:0}.keyboard-container{display:grid;width:100%;justify-content:center}#root{text-align:center}.controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,300px))}.sliders{display:grid;grid-template-columns:100%;justify-content:center}p{padding:0;margin:0}