body{margin:0;padding:0;font-family:sans-serif}body{background:-webkit-gradient(linear,left top,left bottom,from(#7ba8a4),to(#ffc));background:-webkit-linear-gradient(#7ba8a4,#ffc);background:-o-linear-gradient(#7ba8a4,#ffc);background:linear-gradient(#7ba8a4,#ffc);background-attachment:fixed}.App{text-align:center}.App-header{background-color:#222;height:150px;padding:20px;color:#fff;border-radius:5px;border:medium solid #000}.drums{border-style:solid;border-color:#000;border-radius:3px;height:300px;width:500px;background-color:grey;margin-top:20%}.btn{margin-left:33px;margin-top:7%;height:50px;font-weight:700;color:#000;background-color:#a9a9a9}.description-box{border-style:solid;border-color:#000;border-radius:3px;height:300px;background-color:grey;margin-left:50%;margin-top:20%}.description-box p{color:#000;font-family:courier;font-weight:bolder;font-size:30px;margin-top:50%}.grid-container{display:grid;grid-template-columns:50% 50%;grid-gap:10px;padding:10px;margin-right:30%}.drum-pad:hover{border:medium solid #000}.drum-pad{border-color:#7ba8a4;border-width:medium;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
/*# sourceMappingURL=main.3052b3ee.css.map*/