h1 {
        text-align: center;
        font-size: 100px;
        color: #eff6e0;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
    
    body {
        background-color: #598392;
        text-align: center;
        align-items: center;
    }
    
    * {
        margin: 0;
        padding: 0;
    }
    
    .container {
        height: 70vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .game {
        width: 60vmin;
        height: 60vmin;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5vmin;
    }
    
    .box {
        height: 18vmin;
        width: 18vmin;
        border-radius: 10%;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
        font-size: 6vmin;
        color: #01161e;
        background-color: #eff6e0;
    }
    
    .win {
        margin-bottom: 25px;
    }
    
    .hide {
        display: none;
    }
    
    #res {
        height: 40px;
        width: 150px;
        padding: 5px;
        border-radius: 5px;
        background-color: #124559;
        color: #aec3b0;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
        font-size: 2vmin;
    }
    
    p {
        margin-top: 15px;
        font-size: 30px;
        color: #EFF6E0;
        margin-bottom: 10px;
    }
    
    #ng {
        height: 40px;
        width: 150px;
        padding: 5px;
        border-radius: 5px;
        background-color: #124559;
        color: #aec3b0;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
        font-size: 2vmin;
    }