body {
    background: #16171d;
    /* background-image: url('images/bg-gameguide-yulgang.png'); */
    font-family: 'Kanit',sans-serif;
}

.frame-disabled a {
    filter: contrast(50%) !important;
    cursor: unset;
}

.title-color {
    color: #fcad18;
    font-weight: 500;
}

.hr-color {
    border: 0.15rem solid #fcad18 !important;
}

.rank-btn {
    background-color: #111217;
    font-weight: 600;
    border: 2px solid #2d303d;
    color: #858ba2;
}

.rank-active {
    color: #111217;
    background-color: #fdae1d;
    font-weight: bold;
    border: 2px solid #fdae1d !important;
    display: inline-table;
}

.table-tr {
    background-color: #fdae1d;
    color: #111217;
    font-size: 1rem;
    font-weight: 700;
}

.classes-bg {
    background: #2d303d;
}

.rank-border {
    border: 2px solid #2d303d;
}

.rank-bg {
    position: absolute;
    border: 2px solid #2d303d;
    padding: 40px;
    background-size: cover;
    background-color: #111217;
    position: relative;
    color: #ffffff;
    font-weight: 300;
}

.rank-bg::after {
    position: absolute;
    background: #111217;
    top: 50%;
    left: 50%;
    width: 99%;
    height: 99%;
    padding: 10px;
    content: '';
    transform: translate(-50%,-50.2%);
    pointer-events: none;
    border: 40px solid #2d303d;
    border-image: url('../images/border-inner-yulgang.png') 40 stretch;
}