body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #5A96CE;
}

.header {
  margin: 20px 0;
  color: #FAFF1D;
  font-family: 'Luckiest Guy';
}

.container {
  margin: 40px 0;
  display: block;
}

.btn {
  height: 90px;
  width: 70px;
  display: inline-block;
  background-color: black;
  padding: 30px 20px;
  border-radius: 5%;
  margin: 0 20px;


  text-align: center;
  text-decoration: none;
  font-size: 44px;
}

.red {
  background-color: #FF0000;
}

.blue {
  background-color: #00FF88;
}

.yellow {
  background-color: #FFD717;
}

.green {
  background-color: #16C632;
}
.cyan {
  background-color: #00ffff;
}

.footer {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 0;
  color: rgba(0, 0, 0, 0.3);
  font-family: Luckiest Guy;
  background-color: #C4C4C4;
}

.pressed {
  box-shadow: 0 0 20px white;
  background-color: grey;
}

.lose {
  background-color: red;
}