body{
    background-color: rgb(20, 19, 19);
    color: aliceblue;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.move-button{
    width: 15rem;
    height: 15rem;
    display: inline-block;
    background-color: rgb(38, 38, 38);
    border-radius: 40rem;
    border: 0.6rem solid;
    border-color: greenyellow;
    cursor: pointer;
    margin: 0rem 1rem;
    padding: 1rem;
}

.move-button:hover{
    background-color: rgb(65, 65, 65);
}

.move-button:active{
    background-color: white;
}

.move-icon{
    width: 8rem;
    height: 8rem;
}

.game-title{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

#btn-auto-play{
    background-color: rgb(0, 247, 255);
    border: none;
    border-radius: 0.8rem;
    padding: 0.6rem;
    font-weight: bold;
    margin-top: 1rem;
    cursor: pointer;
}

#btn-auto-play:hover{
    background-color: rgb(98, 249, 254);
}

#btn-auto-play:active{
    background-color: rgb(0, 206, 213);
}

#move img{
    width: 8rem;
    height: 8rem;
}

#result{
    font-size: 2rem;
    font-weight: bold;
}

#reset-score-btn{
    color: rgb(22, 22, 22);
    background-color: rgb(255, 0, 102);
    border: none;
    border-radius: 0.8rem;
    font-weight: bold;
    padding: 0.6rem;
    margin-top: 1rem;
    cursor: pointer;
}

#reset-score-btn:hover{
    background-color: rgb(240, 59, 59);
}

#reset-score-btn:active{
    background-color: rgb(255, 161, 161);
}

#win-score{
    color: rgb(29, 255, 29);
}

#lose-score{
    color: red;
}

#tie-score{
    color: rgb(14, 235, 239);
}