style.css

    @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2&family=Roboto&display=swap');
    * {
        margin: 0;
        padding: 0;
        background-color: black;
    }
    
    nav {
        background-color: rgb(44, 44, 44);
        color: white;
        height: 65px;
        font-size: 27px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        font-family: 'Roboto', sans-serif;
    }
    
    nav ul {
        list-style-type: none;
    }
    
    li {
        color: white;
        background-color: rgb(44, 44, 44);
        font-family: 'Baloo Bhaina 2', cursive;
    }
    
    .gameContainer {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }
    
    .container {
        display: grid;
        grid-template-rows: repeat(3, 10vw);
        grid-template-columns: repeat(3, 10vw);
        font-family: 'Roboto', sans-serif;
        position: relative;
        color: white;
    }
    
    .box {
        border: 2px solid rgb(255, 255, 255);
        font-size: 8vw;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .info {
        font-size: 22px;
        color: white;
    }
    
    .gameInfo {
        padding: 0 34px;
        font-family: 'Baloo Bhaina 2', cursive;
        text-align: center;
    }
    
    .gameInfo h1 {
        font-size: 2.5rem;
    }
    
    .imgbox img {
        width: 0;
        transition: width 1s ease-in-out;
        cursor: pointer;
    }
    
    .br-0 {
        border-right: 0;
    }
    
    .bl-0 {
        border-left: 0;
    }
    
    .bt-0 {
        border-top: 0;
    }
    
    .bb-0 {
        border-bottom: 0;
    }
    
    #reset {
        display: inline;
        /* padding: 1px 18px; */
        /* background: #ffffff; */
        /* border-radius: 6px;
    border-color: red; */
        font-family: 'Baloo Bhaina 2';
        font-size: 15px;
        font-weight: bolder;
        color: white;
        cursor: pointer;
    }
    
    .line {
        background-color: black;
        height: 3px;
        width: 0;
        position: absolute;
        background-color: #911d91;
        transition: width 1s ease-in-out;
    }
    
    @media screen and (max-width: 950px) {
        .gameContainer {
            flex-wrap: wrap;
        }
        .gameInfo {
            margin-top: 34px;
        }
        .gameInfo h1 {
            font-size: 1.5rem;
        }
        .container {
            grid-template-rows: repeat(3, 20vw);
            grid-template-columns: repeat(3, 20vw);
        }
    }
    
    .win-msg {
        font-size: 29px;
        color: white;
    }
    
    .welcome {
        color: white;
        font-family: 'Baloo Bhaina 2', cursive;
    }
    
    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        text-align: center;
        font-family: 'Courier New', Courier, monospace;
    }
    
    footer p a {
        color: white;
        text-decoration: none;
        opacity: 1;
    }
    
    body {
        min-height: 100%;
    }