body {
    background-image: url(/assets/images/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
}
#asf_logo{
    display: none !important;
}
.Felixti{
    font-family: 'Felixti', sans-serif;
}
@font-face {
    font-family: 'Felixti';
    src: url('./Felixti.TTF') format('truetype'); 

}
.castoro-titling-regular {
    font-family: "Castoro Titling", serif;
    font-weight: 100;
    font-style: normal;
    color: #716756;
}  
.protest-strike-regular {
    font-family: "Protest Strike", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #51432a;
}

.kay-pho-du-regular {
    font-family: "Kay Pho Du", serif;
    font-weight: 400;
    font-style: normal;
    color: #51432a;
}

.kay-pho-du-regular-1 {
    font-family: "Kay Pho Du", serif;
    font-weight: 400;
    font-style: normal;
    color: #fdf0d3;
}

.oswald {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    color: #fdf0d3;
}

.lobster-regular {
    font-family: "Lobster", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    background-color: #392f1d;
    color: #fdf0d3;
}

.titan-one-regular {
    font-family: "Titan One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fdf0d3;
    font-size: xx-large
}

.lobster-regular-1 {
    font-family: "Lobster", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    color: #fdf0d3;

}

.menu-link:hover {
    background-color: #fdf0d3;
    color: #392f1d;
    transition: all 0.3s ease-in-out;
}

.active {
    background-color: #fdf0d3;
    color: #392f1d;
}

.img-sec-2 {
    background-image: url(/assets/images/Jackpot/Tabel-JP-Mid.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 8em;
}

.table-game-mid {
    background-color: #ffe7a5;
    border: 2px solid #392f1d;
    border-radius: 0.5em;
}

.table-game {
    background-color: #ffe7a5;
    border: 2px solid #392f1d;
    border-radius: 0.5em;
}

.table-mid {
    background-color: #695d42;
    border: 2px solid #392f1d;
    border-radius: 0.5em;
    margin-bottom: -10px;
}

.table-item {
    background-color: #695d42;
    border: 2px solid #392f1d;
    border-radius: 0.5em;
    margin-bottom: -5px;
}

.level {
    background-color: #392f1d;
    width: 100%;
    height: 10px;
    box-shadow: 4px 4px 8px 4px rgba(241, 214, 64, 0.3);
}

.reach-level {
    background-color: #ffe7a5;
    width: 80%;
    height: 10px;
}

.qr {
    background-color: #392f1d;
    width: 100px;
    height: 100px;
}