@import url('https://fonts.googleapis.com/css2?family=Mouse+Memoirs&display=swap');
*{
    margin: 0;
    padding: 0;
}
nav{
    background-color: rgb(168, 55, 168);
    color: rgb(197, 219, 239);
    height: 25px;
    font-size: 30px;
    display: flex;
    align-items: center;
    padding: 12px;
    font-family:'Mouse Memoirs', sans-serif;

}
nav ul{
    list-style-type: none;
}
.gameContainer{

    background-color: none;
    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:'Mouse Memoirs', sans-serif;
}
.box{
    border: 2px solid black;
    font-size: 9vw;
    cursor: pointer;
    display: flex;
    justify-content: center ;
    align-items: center;
}
.box:hover{
    background-color: blueviolet;
}
.info{
    font-size: 25px;
}
.gameInfo{
    padding: 0 34px;
    font-family:'Mouse Memoirs', sans-serif;
}
.imgbox img{
    width: 0;
    transition: width 1s ease-in-out;
}
.br-0{
    border-right: 0vh;
}
.bl-0{
    border-left: 0vh;
}
.bt-0{
    border-top: 0vh;
}
.bb-0{
    border-bottom: 0vh;
}
#reset{
    margin:0 23px ;
    padding: 1px 14px;
    background-color: rgb(200, 237, 224);
    border-radius: 6px;
    cursor: pointer;
    font-family: 'Courier New', Courier, monospace;
    font-size: medium;
}