*{
    padding: 0;
    margin: 0;
}
body{
    background-color: white;
    
}
nav{
    height: 10vh;
    background-color: rgb(2, 2, 41);
    color:white;
    display: flex;
    align-items: center;
    
}
#link{
    font-size: 3.9vh;
    text-decoration: none;
    margin-left: 1vw;
    color:white;
}


.gamecontainer{
    width: 100vw;
    margin-top: 5vh;
    display: flex;
    display: flex;
    justify-content: center;
   
}
.game{
display: grid;
grid-template-rows:repeat(3,10vw) ;
grid-template-columns:repeat(3,10vw) ;
   
}
.box{
    border:2px solid black;
    font-size: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box:hover{
    background-color: pink;
    cursor: pointer;
}
.gemeinfo{
    padding-left: 2vw;
   
}
.img{
    height: 15vw;
}
.imagebox img{
    display: none;
}
.br-l{
    border-left: 0;
}
.br-r{
    border-right: 0;
}
.br-t{
    border-top: 0;
}
.br-b{
    border-bottom: 0;
}

.info{
    font-size: 2vw;
}
.reset{
    height: 50px;
    width: 150px;
    background-color:orange;
}
.reset:hover{
    background-color: red;
    cursor: pointerzz;
}