<style amp-boilerplate>
        body {
            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
            animation: -amp-start 8s steps(1, end) 0s 1 normal both
        }

        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }

        @keyframes -amp-start {
            from {
                visibility: hidden
            }

            to {
                visibility: visible
            }
        }
    </style>
    <noscript>
        <style amp-boilerplate>
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        </style>
    </noscript>
    <style amp-custom>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        :focus {
            outline: 0
        }

        ::-webkit-scrollbar {
            display: none
        }

        html {
            max-width: 500px;
            margin: 0 auto;
            background-color: #000000;
            background-image: url(https://ress.sgp1.cdn.digitaloceanspaces.com/bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
        }

        /* tambhan css bg */

        html::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgb(0, 0, 0);
            z-index: -1;
        }


        html {
            max-width: 500px;
            margin: 0 auto;
            position: relative;
            /* Menambahkan properti position */
        }

        html::before {
            content: "";
            position: fixed;
            /* Mengubah posisi menjadi fixed */
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.616);
            z-index: -1;
        }



        /* and tambhan bg */

        body {
            color: #fff;
            font-family: 'Noto Sans', arial, sans-serif
        }

        .slot-bonus {
            display: grid;
            justify-content: center;
            padding: 10px;
        }

        .slot-bonus5k {
            text-align: center;
        }

        .slotbonus {
            display: grid;
        }

        .slotbonus .contole {
            padding: .5rem 3.8rem;
            background: #33333388;
            margin-bottom: .5rem;
            border-radius: .38rem;
            box-shadow: 0 -1px #ccb38a88;
            letter-spacing: 1px
        }

        .slotbonus a.btn1 {
            color: #eee;
            background-image: linear-gradient(-45deg, #f18902 0, #c44f01 100%);
            box-shadow: none;
            font-weight: 700
        }

        .slotbonus-container {
            display: flex;
            background: linear-gradient(-45deg, #f18902 0, #c44f01 100%);
            width: 250px;
            height: 40px;
            align-items: center;
            justify-content: space-around;
            border-radius: 10px;
        }

        .slot-bonus {
            outline: 0;
            border: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            transition: all ease-in-out .3s;
            cursor: pointer
        }

        .slot-bonus:hover {
            transform: translateY(-3px)
        }

        .btn2 {
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            overflow: hidden;
            height: 3rem;
            background-size: 300% 300%;
            backdrop-filter: blur(1rem);
            border-radius: .38rem;
            transition: .5s;
            animation: gradient_301 5s ease infinite;
            border: double 4px transparent;
            background-image: linear-gradient(90deg, #dbb454, #0799d0);
            background-origin: border-box;
            background-clip: content-box, border-box
        }

        #container-stars {
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            overflow: hidden;
            transition: .5s;
            backdrop-filter: blur(1rem);
            border-radius: .38rem
        }

        strong {
            z-index: 2;
            letter-spacing: 5px;
            color: #fff;
            text-shadow: #fff
        }

        #glow {
            position: absolute;
            display: flex;
            width: 12rem
        }

        .circle {
            width: 100%;
            height: 30px;
            filter: blur(2rem);
            animation: pulse_3011 4s infinite;
            z-index: -1
        }

        .circle:nth-of-type(1) {
            background: rgba(254, 83, 186, .636)
        }

        .circle:nth-of-type(2) {
            background: rgba(142, 81, 234, .704)
        }

        .btn2:hover #container-stars {
            z-index: 1;
            background-color: #212121
        }

        .btn2:hover {
            transform: scale(1.1)
        }

        .btn2:active {
            border: double 4px #fe53bb;
            background-origin: border-box;
            background-clip: content-box, border-box;
            animation: none
        }

        .btn2:active .circle {
            background: #fe53bb
        }

        #stars {
            position: relative;
            background: 0 0;
            width: 200rem;
            height: 200rem
        }

        #stars::after {
            content: "";
            position: absolute;
            top: -10rem;
            left: -100rem;
            width: 100%;
            height: 100%;
            animation: animStarRotate 90s linear infinite
        }

        #stars::after {
            background-image: radial-gradient(#fff 1px, transparent 1%);
            background-size: 50px 50px
        }

        #stars::before {
            content: "";
            position: absolute;
            top: 0;
            left: -50%;
            width: 170%;
            height: 500%;
            animation: animStar 60s linear infinite
        }

        #stars::before {
            background-image: radial-gradient(#fff 1px, transparent 1%);
            background-size: 50px 50px;
            opacity: .5
        }

        @keyframes animStar {
            from {
                transform: translateY(0)
            }

            to {
                transform: translateY(-135rem)
            }
        }

        @keyframes animStarRotate {
            from {
                transform: rotate(360deg)
            }

            to {
                transform: rotate(0)
            }
        }

        @keyframes gradient_301 {
            0% {
                background-position: 0 50%
            }

            50% {
                background-position: 100% 50%
            }

            100% {
                background-position: 0 50%
            }
        }

        @keyframes pulse_3011 {
            0% {
                transform: scale(.75);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px transparent
            }

            100% {
                transform: scale(.75);
                box-shadow: 0 0 0 0 transparent
            }
        }

        .artikel {
            text-align: justify;
        }

        .artikel p {
            margin: 25px 0;
        }

        .artikel a {
            color: #fdc54c
        }

        .artikel h1 {
            color: #fdc54c;
            text-align: center;
        }

        .artikel h2 {
            color: #fdc54c;
            text-align: center;
        }

        .block-img {
            position: relative;
            margin: auto;
            min-width: 100px;
            /* background: linear-gradient(0deg, #000, #272727); */
            color: #fff;
            cursor: pointer;
            margin-bottom: 20px;
        }

        .block-img:before,
        .block-img:after {
            content: '';
            position: absolute;
            right: -3px;
            bottom: -3px;
            /* background: linear-gradient(90deg, #cb15d4 0, #76067c 49%, #e418ef); */
            background: linear-gradient(90deg, #d41515 0, #7c0606 49%, #ef1818);
            background-size: 400%;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 10px;
        }

        .block1 {
            position: relative;
            margin: auto;
            min-width: 100px;
            padding: 5px 10px;
            /* background: linear-gradient(0deg, #cf00d9, #cf00d9); */
            background: linear-gradient(0deg, #4c00009e, #ff000096);
            color: #fff;
            cursor: pointer;
            text-align: center;
        }

        .block-img amp-img {
            border-radius: 10px;
        }

        .block1:before,
        .block1:after {
            content: '';
            position: absolute;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(90deg, #dd2d2d 0, #930a0a 49%, #c91d1d);
            background-size: 400%;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 10px;
        }

        .block {
            position: relative;
            padding: 8px 10px;
            background: linear-gradient(0deg, #00000073, #27272767);
            color: #fff;
            cursor: pointer;
            margin-bottom: 20px;
            text-decoration: none;
        }

        .block:before,
        .block:after {
            content: '';
            position: absolute;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(90deg, #d41515, #000000);
            background-size: 400%;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 0px 10px 0px 10px;
        }

        .macallan {
            padding: 7px 10px 7px 10px;
        }

        h1 {
            font-size: 20px;
            text-align: center;
        }

        /* tambahan */

        .container {
            padding: 10px 10px 10px 10px;
            font-size: x-large;
            text-align: center;
        }

        .block1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0px;
        }

        .logo {
            width: 240px;
            height: 45px;
        }

        .button-container {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
        }

        .btn {
            background-color: gold;
            color: #000000;
            text-decoration: none;
            border: none;
            font-weight: bold;
            border-radius: 4px;
            text-transform: uppercase;
            padding: 5px 10px;
            transition: background-color 0.3s;
            border-radius: 0px 10px 0px 10px;
            border: 1px solid gold;
        }

        .btn:hover {
            background-color: #0056b3;
        }

        .bawah {
            position: fixed;
            bottom: -20px;
            max-width: 500px;
            width: 100%;
        }

        .bawah .flex {
            margin: 1.38rem;
            box-shadow: 0px 3px 8px 3px #00000021;
            border-radius: 1rem;
            backdrop-filter: blur(4px);
        }

        .flex {
            display: flex;
        }

        .col6 {
            width: 50%;
        }

        .btn.log {
            border-radius: 1rem 0 0 1rem;
            background: linear-gradient(to bottom, #eeff056e, #ff9191);
        }

        .bawah .btn {
            display: block;
            line-height: 3rem;
            background: #f1030387;
            letter-spacing: 3px;
            text-align: center;
        }

        .btn.reg {
            border-radius: 0 1rem 1rem 0;
        }

        .tb {
            font-weight: bold;
            text-align: center;
        }

        .gacor-ALEXISTOGEL {
            position: sticky;
            top: 2px;
            /* top: 15px; */
            /* background-color: #000105; */
            padding: 0px 0px 0px 0px;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            z-index: 100;
        }

        .block.button-container {
            font-size: 3px;
        }




        @keyframes steam {
            0% {
                background-position: 0 0;
            }

            50% {
                background-position: 400% 0;
            }

            100% {
                background-position: 0 0;
            }
        }

        .block:after {
            filter: blur(50px);
        }

        .footer {
            text-align: center;
            margin: 15px 0;
        }

        .footer a {
            color: #fdc54c
        }

        * {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: -moz-none;
            -o-user-select: none;
            user-select: none;
        }

        .badababi {
            background-color: transparent;
            border: none;
        }

        .siji {
            margin-left: 35%;
            margin-right: 5%;
        }

        .loro {
            margin-right: 5%;
        }

        @media screen and (max-width: 768px) {
            .siji {
                margin-left: 32%;
            }
        }

        #bottom-navbar {
            position: fixed;
            bottom: 0;
            width: 100%;
            display: block;
            z-index: 999;
            background: #171717;
        }

        #mbutton {
            display: flex;
            justify-content: space-around;
        }

        #mbutton .login {
            display: block;
            background: linear-gradient(to top right, rgb(147, 0, 0) 0%, rgb(98, 11, 11) 50%, rgb(189, 5, 5) 100%);
            color: #fff;
            font-weight: bold;

        }

        #mbutton a {
            display: inline-flex;
            height: 40px;
            line-height: 40px;
            width: 50%;
            text-align: center;
        }

        #mbutton .daftar {
            display: block;
            background: linear-gradient(to top right, rgb(147, 0, 0) 0%, rgb(98, 11, 11) 50%, rgb(189, 5, 5) 100%);
            color: #fff;
            font-weight: bold;
        }

        #bottom-navbar ul {
            display: flex;
            justify-content: space-around;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 11px;
            letter-spacing: 1px;
        }

        #bottom-navbar ul li {
            display: block;
            text-align: center;
            height: 60px;
            width: 100%;
            border-right: 1px solid rgba(255, 255, 255, .2);
            padding: 5px;
        }

        span.material-icons {
            display: block;
            margin: 2px 0;
        }

        #bottom-navbar ul li {
            display: block;
            text-align: center;
            height: 60px;
            width: 100%;
            border-right: 1px solid rgba(255, 255, 255, .2);
            padding: 5px;
        }

        .hide {
            display: none;
        }

        .bottom-navbar {
            margin: 0 auto;
            /* Membuat div berada di tengah-tengah */
            max-width: 500px;
            /* Mengatur lebar maksimum menjadi 500px */
        }

        .header {
            color: red;
        }

        .header a {
            color: gold;
        }

        a {
            color: gold;
        }
    </style>