index.css

*
{
    margin: 0;
    padding:0;
}
body{
    background-color: rgb(40, 96, 84);
    text-align: center;
}
.container
{
    height:70vh;
    display:flex;
    justify-content: center;
    align-items: center;
}
.game
{
    height:60vmin;
    width:60vmin;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:1.5vmin;
}
.btn
{
    height:18vmin;
    width:18vmin;
    border-radius: 1rem;
    border:none;
    box-shadow: 0px 1px 7px rgb(60, 58, 58);
    font-size:60px;
    color:rgb(184, 39, 39);
    font-family: sans-serif;
    text-shadow: rgb(155, 178, 178);
    background-color: azure;

}
.btn:hover
{
    background-color: rgb(218, 242, 146);
}
#reset
{
    width:15vmin;
    height:6vmin;
    background-color: rgb(5, 5, 0);
    color:white;
    font-size: 20px;
    border-radius: 1rem;
    border:none;
    
}
#msg
{
    color:white;
    font-size: 7vmin;
}
#new
{
    width:15vmin;
    height:6vmin;
    background-color: rgb(5, 5, 0);
    color:white;
    font-size: 20px;
    border-radius: 1rem;
    border:none;
}
.msg-content
{
    height:10vmin;
}
.hide
{
    display:none;
}
h1
{
    color:rgb(206, 206, 224);
    text-shadow: 0px 0px 12px rgb(0, 191, 255);
    font-size: 60px;
}
@media only screen and (max-width: 768px) {
    .game {
        height: 80vmin;
        width: 80vmin;
        gap: 2vmin;
    }

    .btn {
        height: 22vmin;
        width: 22vmin;
        font-size: 40px;
    }

    h1 {
        font-size: 50px;
    }

    #msg {
        font-size: 6vmin;
    }

    #reset, #new {
        width: 20vmin;
        height: 8vmin;
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .game {
        height: 90vmin;
        width: 90vmin;
        gap: 3vmin;
    }

    .btn {
        height: 25vmin;
        width: 25vmin;
        font-size: 35px;
    }

    h1 {
        font-size: 40px;
    }

    #msg {
        font-size: 5vmin;
    }

    #reset, #new {
        width: 25vmin;
        height: 9vmin;
        font-size: 16px;
    }
}