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

.heading{
    height: 5rem;
    line-height: 5rem;
    background-color : #292F36;
    color: #ffff;
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px;
    gap: 3rem;
} 

.choices:hover{
cursor: pointer;
border: 5px solid black;

}
.choices{ 
    line-height: 10rem;
    height:  10rem;
    width: 10rem;
    border-radius: 25vmin;
    font-size: 100px;
    justify-content: center;
    align-items: center;
    object-fit: cover;   
}

#Rock{
    background-color: #CE796B;
} 
#Paper{
background-color: #009F93;
} 
#Scissor{
background-color: #355691;
transform: rotate(270deg)
} 

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

#user-score , #comp-score{
    font-size: 4rem;
}
 .msg-container{
    margin-top: 4rem;

 }

#msg{
font-size: 2rem;
background-color: #001514;
color: #fff;
padding: 1rem;
border-radius: 1rem;
display: inline;
}