html,body{
    background-image:radial-gradient(circle at center,rgba(var(--bs-orange-rgb),.2),rgba(var(--bs-black-rgb),.3333333333),black),url(../img/bg.webp);
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:top center;
    overflow-x:hidden
}
a{
    color:var(--bs-muted);
    text-decoration:none

}
.old-standard tt-regular {
    font-family: "Old Standard TT", serif;
    font-weight: 400;
    font-style: normal;
}

.old-standard tt-bold {
    font-family: "Old Standard TT", serif;
    font-weight: 700;
    font-style: normal;
}

.old-standard tt-regular-italic {
    font-family: "Old Standard TT", serif;
    font-weight: 400;
    font-style: italic;
}

.characters{
    position:absolute;
    max-height:400px;
    max-width:100%
}
.characters .characters-img{
    width:100%
}
.main-box{
    background-color:rgba(var(--bs-black-rgb),.55);
    position:relative;
    min-height:500px;
    max-width:100%;
    z-index:999;
    margin-top:22%;
    padding:40px 15px;
    border-radius:8px;
}
.main-box .game-actions{
    list-style:none;
    text-align:center;
    position:absolute;
    top:-2px;
    left:50%;
    width:100%
}
.main-box .game-actions .menu-item{
    background-color:rgba(var(--bs-dark-rgb),.9);
    display:inline-block;
    margin-right:15px;
    padding:15px 18px 10px;
    z-index:10000;
    transition:transform 0.2s;
    border:1px solid var(--wc-timers-border);
    box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px,rgba(10,37,64,.35) 0 -2px 6px 0 inset
}
.main-box .game-actions .menu-item:hover,.main-box .game-actions .menu-item.active{
    background-color:rgba(var(--bs-warning-rgb,.5));
    transform:scale(1.2);
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px
}
.main-box .game-actions .menu-item:last-child{
    margin:0
}
.main-box .game-actions .menu-item .menu-link iconify-icon{
    font-size:22px
}
.card{
    --bs-card-bg:rgba(var(--bs-dark-rgb), 0.6);
    --bs-card-border-color:transparent;
    --bs-card-border-radius:8px;
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px
}
.card:last-child{
    margin-bottom:0
}
.nav-features .nav-item{
    width:calc(95% / 12)
}
.nav-features .nav-item .nav-link{
    padding:8px 10px 5px;
    border-radius:50%!important
}
.nav-features .nav-item .nav-link iconify-icon{
    font-size:22px;
    color:var(--bs-gray-400)
}
.yt-video{
    position:relative;
    width:100%;
    padding-bottom:51%;
    max-width:800px;
    height:0
}
.auth-bottom{
    margin-bottom:15%
}
@media screen and (max-width:991px){
    .characters .characters-img{
        width:100%
    }
    .main-box{
        margin-top:57%;
        border-radius:0;
        box-shadow:none
    }
    .nav-features .nav-item{
        width:calc(96% / 6)
    }
    .w-full{
        width:85%;
        margin-bottom:0
    }
}