* {
    margin:0;
    padding:0;
    text-align:center;
}

h1 {
    background-color:#081b31;
    color:#fff;
    height:5rem;
    line-height:5rem;
}

.choice {
    height: 100px;
    width: 100px;
    border-radius:50%;
    border-radius:50%;
    display:flex;
    color:black;
    justify-content:center;
    align-items:center;
    
}

.choice:hover {
    background-color:#081b31;
    cursor:pointer;
}

.choices {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:3rem;
    margin-top: 5rem;
}


#rock{
    background-color:crimson;
}

#paper {
    background-color:palevioletred;
}

#scissor {
    background-color:purple;
}

.score-board {
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2rem;
    margin-top:3rem;
    gap:5rem;

}

#user-score, #comp-score {
    font-size:4rem;
}
.msg-container {
    margin-top:5rem;
}
#msg {
    background-color:#081b31;
    color:white;
    font-size:2rem;
    margin-top:5rem;
    display:inline;
    padding:1rem;
    border-radius:1rem;
}