* {
            margin: 0;
            padding: 0;
        }
        body {
            background-color: blanchedalmond;
            text-align: center;
        }
        h1 {
            margin-top: 35px;
            font-family: 'Courier New', Courier, monospace;
            font-size: 4rem;
            color: brown;
            margin-bottom: 1rem;
        }
        .container {
            height: 70vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .game {
            height: 60vmin;
            width: 60vmin;
            display: flex;
            flex-wrap: wrap;
            gap: 1.5vmin;
            justify-content: center;
        }
        .box {
            height: 18vmin;
            width: 18vmin;
            border-radius: 1rem;
            border: none;
            box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
            font-size: 8vmin;
            color: red;
            background-color: lightsalmon;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        #reset {
            padding: 1rem;
            font-size: 1.25rem;
            background: #191913;
            color: white;
            border-radius: 1rem;
            border: none;
        }

        .box:hover {
            background-color: burlywood;
        }
        
        #new-btn {
            
            padding: 1rem;
            font-size: 1.25rem;
            background: #191913;
            color: white;
            border-radius: 1rem;
            border: none;
        }
        
        #reset-btn {
            margin-top: auto;
            padding: 1rem;
            font-size: 1.25rem;
            background: #191913;
            color: white;
            border-radius: 1rem;
            border: none;
            margin-bottom: 10px;
        }
       
        #msg {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 8vmin;
            color: brown;
            font-family: 'Courier New', Courier, monospace;

        }
        .msg-container {
            height: 30vmin;
            margin-bottom: auto;
        }

        .hide {
            display: none;
        }

        

        @media (max-width: 600px) {
            h1 {
                font-size: 3rem;
            }
            .box {
                height: 15vmin;
                width: 15vmin;
                font-size: 6vmin;
            }
            #msg {
                font-size: 6vmin;

            }
        }