.centered{width:500px;margin:auto;display:block;padding-bottom:50px;padding-top:50px;text-align:center}.the-butt{margin:auto;height:40px;width:80px;border-radius:20px;border-style:solid;border-color:gray;cursor:pointer}.the-butt:focus{outline:none}.the-butt:hover{background-color:#d3d3d3}.settings-title{width:330px;margin:auto;text-align:left;font-size:large;font-weight:bold}.settings{width:330px;margin:auto;border:1px solid #000}div .input-container{height:auto;width:300px;margin:auto;text-align:left;margin-top:20px;margin-bottom:20px}.play-container{height:auto;width:300px;margin:auto;text-align:center;margin-top:20px;margin-bottom:20px}#keyboard-container{position:relative;width:200px;height:70px;margin:auto;background-color:gray;margin-top:10px}.note{position:absolute;border:solid 2px #000;background-color:#fff}.note:hover{cursor:pointer}.white-note.selected{background-color:#d3d3d3}.black-note{background-color:#000}.selected{border-color:green}.black-note.selected{background-color:#7f7f7f}.explain-text{font-weight:bold}