*{
    background-color: #011F3F;
    margin: 0;
    padding: 0;
}

h1{
    font-family: 'Press Start 2P', cursive;
    font-size: 3rem;
    color: rgb(230, 216, 199);
    padding: 5%;
    text-align: center;
}

.row{
    text-align: center;
    margin:50px;
}

.green{
    width: 220px;
    height: 220px;
    border: solid 10px black;
    border-radius: 20%;
    display: inline-block;
    background-color: green;
    text-align: end;
    margin-right: 30px;
}

.red{
    width: 220px;
    height: 220px;
    border: solid 10px black;
    border-radius: 20%;
    display: inline-block;
    background-color: red;
    text-align: start;
    margin-left: 30px;
}

.yellow{
    width: 220px;
    height: 220px;
    border: solid 10px black;
    border-radius: 20%;
    display: inline-block;
    background-color: yellow;
    text-align: end;
    margin-right: 30px;
}

.blue{
    width: 220px;
    height: 220px;
    border: solid 10px black;
    border-radius: 20%;
    display: inline-block;
    background-color: blue;
    text-align: start;
    margin-left: 30px;
}

.pressed {
    box-shadow: 0 0 20px white;
    background-color: grey;
  }
  
.game-over {
    background-color: red;
    opacity: 0.8;
}