style.css

* {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 50px;
    font-weight: 500;
}
body {
    display: flex;
    height: 100vh;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #edf5e1;
}
.first-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.game-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-around; */
    height: 10em;
    width: 11em;
    background-color: #5cdb95;
    border: 3px solid #05386b;
    border-radius: 15px;
    box-shadow:  -11px -11px 15px #327650, 11px 11px 15px #86ffda;
}
.game-title{
    margin-top: 25px;
    font-size: 50px;
    font-weight: 650;
    color: #05386b;
}
#round-winner{
    margin: 35px 0px 10px 0px;
    text-align: center;
    height: 72px;
    width: 332px;
    font-weight: 400;
    color: #05386b;
}
#score {
    margin: 1.35em 0em 0.4em 0em;
    text-align: center;
    font-size: 30px;
    color: #edf5e1;
}
.buttons-tray {
    margin: 20px 0px 15px 0px;
}
.buttons {
    outline: none;
    color: #edf5e1;
    width: 170px;
    height: 60px;
    border-radius: 15px;
    font-size: 30px;
    background: linear-gradient(315deg, #053260, #053c72);
    box-shadow:  -5px -5px 8px #04294e, 5px 5px 8px #064788;
}
.buttons:hover {
    background: #084a8b;
}
.instructions-tray {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 70%;
}
.instructions {
    color: #edf5e1;
    font-size: 0.35em;
}
.reset {
    background-color: #edf5e1;
    color: #05386b;
    border-radius: 15px;
    font-size: 0.30em;
    height: 25px;
    outline: none;
    text-align: center;
    border: 3px solid #05386b;
    line-height: 15px;
}
.reset:hover {
    background-color: #d0dac1;
}