style.css

/* CSS files add styling rules to your content */

body {
  font-family: Roboto, arial, sans-serif;
  margin: 2em;
  background-color: #080808;
  color: #F5F5DC;
}

h1 {
  background: #707070;
  padding: 5px;
  text-align: center;
}

p {
  text-align: center;
}

button {
  padding: 5px;
  border-radius: 10px;
}

#gameButtonArea > button {
  width:225px;
  height:225px;
  margin:5px;
  border-radius: 50%;
}

.hidden {
  display: none;
}

#button1 {
    background: lightgreen;
}

#button2 {
    background: lightblue;
}

#button3 {
    background: pink;
}

#button4 {
    background: lightyellow;
}

#button5 {
    background: #CBC3E3;
}

#button1:active, #button1.lit {
    background:green;
}

#button2:active, #button2.lit {
    background:blue;
}

#button3:active, #button3.lit {
    background:red;
}

#button4:active, #button4.lit {
    background:yellow;
}

#button5:active, #button5.lit {
    background:purple;
}