body{
    background-image:url('../Games/img/BGs/GoJuhuJourney.webp');
    background-size:cover;
    background-position:center;
    min-height:100vh;
}
.LoginBG{
    background-image:url('../Games/img/BGs/LoginBG.webp');
}
.LevelsBG{
    background-image:url('../Games/img/BGs/WheelBG.webp');
    background-image:url('../Games/img/BGs/SelectLevelBG.webp');
}
.AllMenuCont{
    width:100%;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    padding:30px;
}

.InvisMenu{
    width:1px;height:1px;
    visibility:hidden;
}


.TitleNBreadCrumbCont{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:4px;
}
.TitleNBreadCrumbCont .MenuTitle{
    
    width:unset;
    margin:unset;
    font-size: 24px;
    font-weight:700;
}

.BreadCrumb{
    background-color: #f9f9f97a;
    padding: 10px;
    border-radius: 5px;
}
.BreadCrumb a{
    font-weight:500;
    text-decoration: underline;
    
    text-shadow: 1px 1px 1px rgba(256,256,256,0.5);
    -webkit-text-shadow: 1px 1px 1px rgba(256,256,256,0.5);
    -moz-text-shadow: 1px 1px 1px rgba(256,256,256,0.5);
}


.BreadCrumb a.ActiveLink{
    pointer-events:none;
    text-decoration: none;
    
}
.BreadCrumb a+a:before{
    content:"/";
    margin:2px;
    color:grey;
    text-decoration:none;
    
    
}





.MenuTitle{
    font-size:26px;
    font-weight:600;
    margin:0 auto 20px;
    width:100%;
    text-align:center;
    color:white;
    color:#7a62c0;
}


.MenuCardsCont{
    width:100%;
    max-width:640px;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:20px 10px;
    
}
.MenuCard{
    width:100%;
    max-width:206.6px;
    display:flex;
    min-height:120px;
    background-color:#7a62c060;
    border-radius:15px;
    padding:20px;
    text-decoration:none;
    font-weight:500;
    
    
    
    gap:6px;
    
    
}
.MenuCard.GameCard{
    flex-direction:column;
    background-color:#ffffff70;
}
.MenuCard.GameCard:hover{
    background-color:#ffffff95;
}
.MenuCard img{
    width:80px;
    height:80px;
    object-fit:contain;
    margin:auto;
}
.MenuCard:hover{
    background-color:#7a62c080;
}


.MenuCard p{
    margin:auto;
    width:100%;
    text-align:center;
}
.MenuCard p span{
    display:block;
    font-weight:800;
    font-size:24px;
}

.Inactive{
    opacity:0.2;
    pointer-events:none;
    
}