*{
    margin: 0%;
    padding: 0%;
}
body{
    background-color: aquamarine;
    text-align: center;;
}
.container{
    height: 70vh;
    justify-content: center;
    align-items: center;
    display: flex;

}
.game{
    height: 60vmin;
    width: 60vmin;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;  
    gap: 2vmin;  
}
.box{
    width: 18vmin;
    height: 18vmin;
    justify-content: center;
    align-items: center;
    border-radius: 2vmin;
    border-style: none;
    box-shadow:0px 0px 5px #000;
    font-size: 6vmin;
    color: red;
    background-color:wheat;
    cursor: pointer;
}
h1{
    font-family: sans-serif;
    font-weight: bolder;
    margin: 1%;
}
#newgame{
font-size: 3vmin;
padding: 2vmin;
background-color: #d63e5c;
color: white;
border-radius: 4vmin;
cursor: pointer;
transition: 0.2s;
}
.win{
    color: crimson;
    font-family: sans-serif;
    font-weight: bolder;
    font-style: italic;
    font-size: x-large;
    text-shadow: 0px 0px 8px #000;
}
#newgame:hover{

    background-color: #0056b3;
    color: #e0e0e0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}