body{
    font-family: 'Sriracha', cursive;
}
h1{
    margin-top: 50px;
    text-align: center;
    color: white;
    font-size: 70px;
    margin-top: 200px;
}
.container {
    margin: 100px auto 0 auto;
    width: 1500px;
    height: 120px;
    text-align: center;
}
button {
    position: relative;
    background-color: #fff;
    margin-top: 10px;
    display: inline-block;
    border:none;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    border: 8px solid #34495e;
    margin-right: 15px;
    color: #e3075b;
}
.text {
    text-align: center;
   position: relative;
   top: 10px;
   font-size: 50px;
   font-weight: bold;
}
body{
    background-color: #2c3e50;
}
.w {
    background-image: url("images/tom1.png");
  }
  
  .a {
    background-image: url("images/tom2.png");
  }
  
  .s {
    background-image: url("images/tom3.png");
  }
  
  .d {
    background-image: url("images/tom4.png");
  }
  
  .j {
    background-image: url("images/snare.png");
  }
  
  .k {
    background-image: url("images/crash.png");
  }
  
  .l {
    background-image: url("images/kick.png");
  }
  
  .set {
    margin: 10% auto;
  }
  .pressed {
      box-shadow: 0 3px 4px 0 #DBEDF3;
      opacity: 0.5;
  }