style.css

* {
    box-sizing: border-box;
    font-family: 'Sofia Sans', sans-serif;
}

/* Background Video */
video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -20;
}

/* Heading */
h1 {
    font-size: 70px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px black, 0 0 25px rgb(255, 217, 0), 0 0 5px rgb(56, 56, 125);
}

/* Body text */
p {
    text-align: center;
    color: #fff;
    font-size: 20px;
}

/* Table */
table {
    width: 50vmin;
    height: 50vmin;
    margin: auto;
    margin-top: 1vmin;
    border-spacing: 0vmin;
    border-collapse: collapse;
}
td button{
    width: 12vmin;
    height: 12vmin;
    border: solid 2px black;
    border-radius: 2vmin;
    background: radial-gradient(#EFEFEF 0%, #2d74ff 70%);
    background-size: cover;
}

/* Button Press */
.pressed {
    animation: newcolors 3s infinite;
    background-image: none;
}

@keyframes newcolors {
    0% {background-color: #ff00004d;}
    20% {background-color: #ff7b00;}
    40% {background-color: #ff7b00;}
    60% {background-color: #00ff004d;}
    80% {background-color: #269dff;}
    100% {background-color: #7926ff;}
}