style.css

* {
    margin : 0;
    padding : 0;
}
body {
    background-color:rgb(221, 201, 83);
    text-align: center;
    font-size: 30px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#gameName {
    margin-top: 20px;
}
.container {
    margin-top: 20px;
    height : 70vh;
    display: flex;
    justify-content:center;
    gap: 1.5vmin;
}
.game {
    height : 60vmin;
    width : 60vmin;
    margin: 20px;
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    gap: 1.5vmin;
}
.box {
    height : 18vmin;
    width: 18vmin;
    border-radius:1.5rem;
    border-color: darksalmon;
    font-size:6vmin;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    box-shadow: 0 0 1rem rgba(0, 0, 0,0.2 );
    background-color: rgb(176, 145, 233);
    color :brown;

}
#reset-btn {
    height: 5vmin;
    width: 18vmin;
    border-radius: 1vmin;
    color:white;
    background-color: black;

}
#new-btn {
    height: 5vmin;
    width: 18vmin;
    border-radius: 1vmin;
    color:white;
    background-color: black;
}

#msg {
    color:white;
    font-size: 7vmin;
}
.msg-container {
    height: 100vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4rem;
}
.hide {
    display:none;
}