* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: rgb(2, 2, 87);
}

main {
    width: 70%;
    margin: auto;
    text-align: center;
}

h1 {
    margin-top: 100px;
    margin-bottom: 50px;
    font-size: 5rem;
    color: aqua;
    text-shadow: #DA0463 3px 3px;
}

.set {
    display: flex;
    height: 20vh;
}

.drum {
    color: aqua;
    background-color: red;
    width: 20vw;
    font-size: 5rem;
    font-weight: 1000;
    text-shadow: red 4px 4px;
}

.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/crash.png);
}

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

.l {
    background-image: url(images/snare.png);
}
.keyPressAnimation {
    box-shadow: 0 3px 3px 0;
    opacity: 0.5;
}