body{
    background-color:#150050;
}
.container{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
}
.container .game .box{
    min-height:150px;
    border-radius:12px;
    min-width:150px;
    background-color:#3F0071;
    margin:2%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:5rem;
    color:white;
    font-family:Poppins;
    cursor: pointer;
}
.container .game .box:first-child{
    margin-left:0%;
}
.container .game .row{
    display:flex;
}
.popup{
    height:400px;
    width:800px;
    position:absolute;
    top:25%;
    left:25%;
    background-color:white;
    display: flex;
    flex-direction:column;
    align-items: center;
    border-radius:12px;
    transform:scale(0);
}
.popup .nav{
    height:50px;
    width:100%;
    display: flex;
    align-items:center;
}
.popup .nav i{
    margin-left:95%;
    font-size:2rem;
    cursor: pointer;
}
.popup .nav i:hover{
    color:#FB2576;
    transition-duration:0.3s;
}
.popup img{
    width:25%;
}
.popup .title{
    font-family:Poppins;
    font-size:2rem;
}
.popup .winner{
    font-family:Poppins;
    font-size:3rem;
    color:#FB2576;
}
.gamemode .title{
    height:45px;
    width:200px;
    background-color:#FB2576;
    position:absolute;
    top:10%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    font-family:gilroy;
    left:80%;
}