index.css

body{
  text-align:center;
  background-color: #283149;
}

h1{
  font-size:5rem;
  color: #DBEDF3;
  font-family: "Arvo", cursive;
  text-shadow: 3px 0 #DA0463;
}

footer {
  color: #DBEDF3;
  font-family: sans-serif;
}


.w{
  background-image:url(tom1.png);

}

.a{
  
background-image:url(tom2.png);
 

}

.s{

  background-image:url(tom3.png);
}

.d{
  background-image:url(tom4.png);
  
}

.j{
  background-image:url(snare.png);
}

.k{
  background-image:url(crash.png);
 

}

.l{

  background-image:url(kick.png);
}

.container{
  margin:10% auto;
}

.drum{
  outline:none;
  border: 10px solid #404B69;
  font-size:5rem;
  font-weight:900;
  font-family: 'Arvo', cursive;
  line-height:2;
  color: #972156;
  text-shadow: 3px 0 #DBEDF3;
  border-radius: 15px;
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align:center;
  margin:10px;
  background-color:white;
  
}