@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: black;
    background-image: url("./img/bg-main.webp");
}

.logo {
    width: 100%;
    /* animation: blink .7s ease infinite alternate; */
}


.navbar-container {
    border-bottom: 1px solid white;
}

.btn-custom {
    color: white !important;
    border: none;
    padding: 10px 20px;
    font-size: 25px;
    text-decoration: none;
}

.btn-title-img  {
    margin-top: -3%;
}

.btn-daftar {
    /* background: linear-gradient(180deg, #D82C16 0%, #520D0C 100%); */
    background: linear-gradient(357.81deg, #E5D684 -95.52%, #E5D684 4.95%, #9C7015 46.64%, #E5D684 95.8%);
    /* box-shadow: 0px 0px 24px #E15250; */
    /* border: 1px solid white; */
    /* animation: blink .3s ease infinite alternate; */
    font-weight: bold;
    transition: all .5s ease;
}
.btn-daftar-jackpot {
    /* background: linear-gradient(180deg, #D82C16 0%, #520D0C 100%); */
    background: linear-gradient(357.81deg, #E5D684 -95.52%, #E5D684 4.95%, #9C7015 46.64%, #E5D684 95.8%);
    /* box-shadow: 0px 0px 24px #E15250; */
    /* border: 1px solid white; */
    /* animation: blink .3s ease infinite alternate; */
    font-weight: bold;
    transition: all .5s ease;
}


/* .btn-daftar:hover {
    background: linear-gradient(180deg, #D82C16 0%, #520D0C 100%);
    color: black !important;
    border: 1px solid black;
} */

.btn-daftar-navbar {
    background: linear-gradient(180deg, #E85957 0%, #AE1B19 100%);
    box-shadow: 0px 0px 24px #E15250;
    border: 1px solid transparent;
    animation: blink .3s ease infinite alternate;
    font-size: 19px;
}
.btn-masuk-navbar {
    background: linear-gradient(180deg, #D5BF6B 0%, #9F751A 100%);
    border-radius: 6px;
    border: 1px solid transparent;
    animation: blink .3s ease 1s infinite alternate;
    font-size: 19px;
}

.btn-masuk {
    background: linear-gradient(180deg, #D82C16 0%, #520D0C 100%);
    font-weight: bold;
    /* border: 3px solid #39BD0A; */
    /* filter: drop-shadow(0px 0px 23px #CEB661); */
    /* animation: blink .3s ease 1s infinite alternate; */
}

.main-text-title {
    color: #E5D684;
    border-bottom: 3px solid white;
    font-weight: bold;
}

.main-text-title-red {
    color: #C22714;
    border-bottom: 3px solid white;
    font-weight: bold;
}

.text-title {
    color: white;
}

.run-text {
    border-top: 1px solid rgba(255, 255, 255, 0.541);
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: .2;
    }
}

.btn-wa {
    background: linear-gradient(180deg, #6DD56B 0%, #21911F 100%);
}

.btn-live {
    background: linear-gradient(180deg, #F5F5F5 0%, #5B5B5B 100%);
}

.simba777 {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    font-style: italic;
}

.hati {
    color: white;
    font-style: italic;
    font-weight: bold;
    font-size: 45px;
}

.jackpot-title {
    animation: blink-mega .1s ease infinite alternate;
}

.col-mega {
    border : 3px solid #BA9A43;
    background-color: #222222;
    border-radius: 382px;
    padding: 20px;
    animation: blink-mega .1s ease .5s infinite alternate;
}

@keyframes blink-mega {
    0% {
        /* opacity: 1; */
        transform : rotate(2deg);
    }

    50% {
        /* opacity: 1; */
        transform : translateY(20px);
    }

    100% {
        /* opacity: 0; */
        transform : rotate(-2deg);
        /* transform : translateY(-20px); */
    }
}

.mega-jackpot {
    border-radius: 6px;
    font-weight: bold;
    /* font-style: italic; */
    color:white;
    background: -webkit-linear-gradient(rgba(229, 214, 132, 1), rgba(156, 112, 21, 1), rgba(229, 214, 132, 1), rgba(156, 112, 21, 1), rgba(229, 214, 132, 1),
    rgba(156, 112, 21, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 1px 15px #C9AF5A;
}


@keyframes mega {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(2deg);
    }

    100% {
        transform: rotate(-2deg);
    }
}

.btn-jenis {
    background: linear-gradient(180deg, #D82C16 0%, #520D0C 100%);
    border-radius: 5px;
    font-weight: bold;
}

.hubungi-kami {
    position: fixed;
    right: 2%;
    bottom: 0;
    width: 12vw;
    animation: hubungi .5s ease infinite alternate;
}

@keyframes hubungi {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(20px);
    }
}


tr {
    background-color: #212121;
    color: white;
    border-bottom: 3px dashed #C9AF5A;
}

th {
    padding: 30px 40px !important;
}

td {
    background-color: #3E3E3E !important;
}

td span {
    padding: 20px;
    margin-top: 50px !important;
}

footer {
    margin-top: 5%;
}


@media only screen and (max-width: 600px) {
    body {
        width: 100%;
    }

    .mega-jackpot {
        font-size: 10vw;
    }

    .hati {
        font-size: 7vw;
    }

    .logo {
        width: 83vw;
    }

    .hubungi-kami {
        width: 30vw;
    }
    
    .btn-daftar-jackpot {
        font-size : 85%;
    }

}