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

h1{
  font-size: 5rem;
  color:white;
  font-family: 'Red Hat Display', sans-serif;
  text-shadow:5px 0px #c00000, 10px 0px #0000c0;
}

button{
  padding:20px;
  margin: 20px;
  height: 150px;
  width: 150px;
  font-family: 'Yuji Syuku', serif;
  font-size: 5rem;
  color:#c00000;
  text-align: center;
  border:20px 20px solid #00c2;
  border-radius: 5%;
}
.imgcolor{
  filter: grayscale(1);
}

/*.imgcolor:active{
  filter: grayscale(0);
}*/

.megbok{
  filter: grayscale(0);
}

.w{/*
  background-image: url(https://media.istockphoto.com/photos/background-of-galaxy-and-stars-picture-id1035676256?b=1&k=20&m=1035676256&s=170667a&w=0&h=NOtiiFfDhhUhZgQ4wZmHPXxHvt3RFVD-lTmnWCeyIG4=)
  ;}*/
  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/crash.png)
  ;
}

.k{
  background-image:
   url(images/kick.png)
  ;
}

.l{
  background-image:
   url(images/snare.png)
  ;
}