*{
    margin: 0;
    padding: 0;
}

.game-heading{
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
    color: rgb(2, 2, 87);
    letter-spacing: 0.1rem;
}

.image-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.images-all{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vh;
    height: 50vh;
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    gap: 2rem;
}
.image-class img{
    width: 85%;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
}
.image-class img:hover{
    border: 5px solid black;
    cursor: pointer;
}
button{
    background-color: white;
    border: none;
}

/*score div style*/

.score-div{
    display: flex;
    gap: 4rem;
    padding: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.user-score p , #user-score-id , .computer-score p , #computer-score-id{
    font-size: 1.7rem;
    text-align: center;
}

/* message container styling*/

.msg-container{
    margin-top : 4rem;
    text-align: center;
    gap: 2rem;
}

.user-played-msg{
    color: green;
    font-size: 2rem;
    letter-spacing: 0.12rem;
    margin: 0.2rem;
}
.computer-played-msg{
    margin: 0.2rem;
    color: red;
    font-size: 2rem;
    letter-spacing: 0.12rem;
}
.winner-msg{
    margin: 0.2rem;
    color: rgb(5, 71, 170);
    font-size: 2rem;
    letter-spacing: 0.12rem;
}