.container {
    text-align: center;
}

.heading {
    font-size: 40px;
}

button {
    border-radius: 50%;
    border: 12px solid white;
}

.stone:hover{
    border-color: rgb(162, 36, 143);
}

.paper:hover{
    border-color: blue;
}

.scissor:hover{
    border-color: yellow;
}

.score {
    display: flex;
    gap: 20%;
    background: linear-gradient(90deg,blue,white,yellow);
    width: 70%;
    margin-left: 15%;
    color: rgb(0, 0, 0);
    border-radius: 70px;
}

.yo {
    margin-left: 28%;
}

.show {
    display: flex;
    margin-left: 30%;
    gap: 40%;
}

.revel{
    margin-left:40% ;
    height: 70px;
    width: 20%;
    align-content: center;
    border: 4px solid black;
    border-radius: 70px;
    color: white;
    background-color: snow;
    /* background: linear-gradient(90deg,pink,blue,yellow); */
}

.red{
    background-color: red;
}

.green{
    background-color: green;
}

.blue{
    background-color: blue;
}