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 } } body { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none } #countdown{ display:none; } #countt{ display:block; font-size: 12px; font-weight: 700; } body { background: rgb(255, 255, 255); background: linear-gradient(86deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 84%); font-family: ‘Comfortaa’, cursive; color:#ffffff; } * { box-sizing: border-box; transition: all 0.2s linear; } a, a:visited, a:active { text-decoration:none; } a.link_web { color:inherit; } h1, h2 { color:#ffffff; line-height:23px; font-size: 22px; text-align:center; } h3, h4 { color:#ffffff; line-height:20px; font-size: 19px; text-align:center; } /* Utilities */ .btn-login { color:#FFF; font-weight:bold; font-family: “Quantico”, sans-serif; font-size:12px; width:49%; display:inline-block; margin:10px 0px 0px; padding: 7px 2px 7px; text-align:center; border-radius:5px; background: linear-gradient(86deg, rgb(255, 0, 0) 0%, rgb(175, 1, 1) 67%, rgb(255, 1, 1) 99%); } .btn-daftar { color:#FFF; font-weight:bold; font-family: “Quantico”, sans-serif; font-size:12px; width:49%; display:inline-block; margin:10px 0px 0px; padding: 7px 2px 7px; text-align:center; border-radius:5px; background: linear-gradient(86deg, rgb(1, 167, 1) 0%, rgb(8, 179, 2) 53%, rgb(3, 214, 20) 99%); } .btn-PP { color:#FFF; font-weight:bold; font-size:12px; width:98%; display:inline-block; margin: 5px 0px 0px; padding: 7px 2px 7px; text-align:center; border-radius:5px; background-color: #18191a; } .btn-PG { color:#FFF; font-weight:bold; font-size:12px; width:98%; display:inline-block; margin:5px 0px 0px; padding: 7px 2px 7px; text-align:center; border-radius:5px; background-color: #161718; } table { border-collapse: collapse; margin: 0 auto; } .marquee-block{display:flex;justify-content:flex-start;align-items:center;width: 100%;margin:15px auto;padding:10px 20px;background: #ff00b2;border-radius: 6px;} .marquee-block .icon-block{margin-right:10px;display: flex;justify-content: flex-start;align-items: center;} .marquee-block .icon-block i{font-size:15px;color:#ffffff;width:30px;height:30px;background: #abbcd0;border-radius: 100%;display: flex;justify-content: center;align-items: center;margin-right: 10px;} .marquee{min-width:71%;background:#ffd000;height:25px;position:relative;overflow:hidden;display:flex;align-items:center;margin:0} .marquee span{position:absolute;display:inline-block;width:max-content;overflow:hidden;color:#ec0202;font-size:12px;font-weight: 400;padding-left:100%;will-change:transform;animation:marquee 50s linear infinite} .marquee span:hover{animation-play-state:paused} @keyframes marquee{0%{transform:translate(0,0)} 100%{transform:translate(-100%,0)}} @media(prefers-reduced-motion:reduce){.marquee span{animation-iteration-count:1;animation-duration:.05;width:auto;padding-left:0}} .date-time{font-size: 14px;color: #fff;font-weight: 400;padding-left: 10px;} .m-marquee-block{display:flex;justify-content:flex-start;align-items:center;width: 100%;margin:0 auto;padding:0px;background: #ffc400;} .m-marquee-block .icon-block{margin-right:10px;display: flex;justify-content: flex-start;align-items: center;} .m-marquee-block .icon-block i{font-size:15px;color: #ff00b2;width:30px;height:30px;background: #ffffff;display: flex;justify-content: center;align-items: center;text-align: center;} .m-marquee-block .marquee{min-width:90%;background:#ffffff;height:25px;position:relative;overflow:hidden;display:flex;align-items:center;margin:0} .m-marquee-block .marquee span{position:absolute;display:inline-block;width:max-content;overflow:hidden;color:#fff;font-size:12px;font-weight: 400;padding-left:100%;will-change:transform;animation:marquee 50s linear infinite} .icon-block a{text-decoration:none;color:inherit} .icon-block .icon{width:20px;height:20px;font-size:14px;line-height:22px;text-align:center;color:#242427;background:#b3b3b3;border-radius:50px;margin-right:10px} .icon-block .icon:hover{background:#28292b} .icon-block .rss{color:#1d1b1b;font-size:14px;text-decoration:none;margin-right:10px} table td { border: 1px solid #ffffff; vertical-align: middle; font-size: 13px; padding: 10px; } table th { border: 1px solid #ffffff; vertical-align: middle; font-size: 13px; padding: 10px; background: #ffffff; } .app-breadcrumbs { position: relative; display: flex; flex: 1 1 100%; overflow: hidden; min-height: 24px; justify-content: center; margin-bottom: -25px; } .app-breadcrumbs ul { height: 100%; display: flex; align-items: center; overflow: hidden; overflow-x: scroll; overflow-x: overlay; scrollbar-width: none; scroll-behavior: smooth; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; list-style: none; padding: 0; scrollbar-width: none; } .app-breadcrumbs .nav-item { height: 90%; transition: color .2s ease; scroll-snap-align: start; margin-bottom: -15px; } .app-breadcrumbs .nav-item a { height: 100%; padding: .5rem; font-size: .75rem; font-weight: 700; white-space: nowrap; display: flex; align-items: center; justify-content: center; text-transform: capitalize; color: #fff; } .centered-populer { position: relative; bottom: 14px; text-align-last: center; font-size: 10px; padding: 10px; } m-marquee-block .meta-content { font-size: 14px; text-align: center; color: #ffe600; } m-marquee-block .meta-content a { color: #fbff00; } /* Header */ header { background: rgb(34, 37, 37); background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 53%, rgb(0, 0, 0) 99%); padding: 5px 0px; position: sticky; border-bottom: 2px outset #ffffff; top: 0; z-index: 999; } /* FOOTER */ footer a { color: #fff; text-decoration: none; } footer a:hover { color:#19B5FE; text-decoration: underline; } footer .footer-menu { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-item { flex: 1; text-align: left; flex-basis: 200px; } .footer-item h2 { text-align: left; } .footer-item h2::after { background-color: #ebebeb; content: ” “; width: 50px; margin-left: 0px; } .footer-item ul { display: flex; flex-direction: column; margin-top: 10px; padding: 0px; } .footer-item ul li { list-style: none; margin-bottom: 5px; font-size: 14px; } footer .social { display: flex; justify-content: center; } footer .social ul { display: flex; flex-direction: row; margin-top: 10px; padding: 0px; } footer .social ul li { list-style: none; margin-right: 10px; } footer .social ul li a { color:#ffffff; font-size: 16px; } footer .meta-content { font-size: 14px; text-align: center; color: #ffffff; } footer .meta-content a { color: #fe0000; } .div-gacor { padding: .5%; border-color: #414141; border-radius:6px; border-width: 1px; width:49%; display:inline-block; margin-bottom:0.5%; vertical-align:top; background:#1c360a; } .div-gacor88 { padding: 0%; border-radius:5px; width:24%; display:inline-block; margin-bottom:1%; vertical-align:top; } .div-list { padding: 1%; border-radius:5px; width:100%; display:inline-block; margin-bottom:3%; vertical-align:top; background:#ff0000; } .amp-carousel { z-index:1; } .detail-gacor { margin-top:0; text-align:center; } .detail-gacor p, .detail-gacor h4 { font-size:10px; margin:0; padding:2px 0px; color:#ec0202; } .provider-gacor { font-size:14px; margin:0; color:#FFFFFF; } .jam-gacor { font-size:10px; margin:0; } .pola-gacor { font-size:10px; margin:0; } .title-gacor { margin-top:10px; font-size:18px; font-weight:bold; margin: 1em; color:#FFF; } #benefit { margin-top:10px; } #why-content { width:60%; } #content-seo { margin-bottom:30px; padding:0 5px; } #footer_games { position:fixed; bottom:0; width:100%; display: table; border: 0px; border-top: 2px outset #ec0202; background: #ffd000; padding: 10px 5px; padding-bottom:0; height: 60px; z-index:9999; } .div_footer { width: 20vw; text-align: center; display: table-cell; vertical-align: middle; } .btn_footer { color: #ec0202; font-size: 3vw; } #footer_games { display:none; } amp-carousel amp-img { height:200px; width:100%; max-width:100%; } @media only screen and (max-width:768px) { amp-carousel amp-img { min-width: 100%; } } @media only screen and (max-width: 1024px) { .logo { width: 100%; padding:0 10%; } .features { flex-wrap: wrap; } footer h2 { font-size: 140%; } #why-content .meta { flex-direction: row; } #benefit { margin-top:10px; } #why-content { width:70%; } #footer_games { display:none; } } @media only screen and (max-width: 768px) { .logo { width: 100%; padding:0 10%; } .links { display: none; } #sidebar-menu-btn { display: inline; } #contact-form { width: 80%; } .footer-item { flex-basis: 50%; } #benefit { margin-top:10px; } #why-content { width:85%; } #footer_games { display:block; } footer { margin-bottom:60px; } .btn-login, .btn-daftar { display:inline-block; } .btn-PP, .btn-PG { display:inline-block; } } @media only screen and (max-width: 600px) { .logo { width: 100%; padding:0 10%; } header { padding: 5px 0px; } .content-width { width: 99%; } #contact-form { width: 100%; } .heading { font-size: 28px; } .feature { flex-basis: 100%; } .meta { flex-direction: column; } .meta > a { text-align: center; margin-left: 0px; margin-bottom: 10px; } footer h2 { font-size: 110%; } #benefit { margin-top:10px; } #why-content { width:100%; } #footer_games { display:block; } footer { margin-bottom:70px; } .btn-login, .btn-daftar { display:inline-block; } } .text-center { text-align:center; } .text-left { text-align:left; } .text-right { text-align:right; } .main_title { color:#ffffff; font-size:22px; line-height:29px; margin:15px 0 1px; padding:0 10px; } .sub_title { color:#FFF; font-size:20px; line-height:25px; margin:0; } .text-white { color:#FFF; } #tombol { margin:7px 0 -25px; padding:5PX 5px; } #slot-rtp-pragmatic { font-size:13px; line-height:20px; padding: 0px 0px 30px 0; text-align:center; } .label-link { background:#000000; padding: 5PX; font-size:13px; border-radius:6px; margin:5px; } .label-gacor { background:rgb(6, 167, 0); padding:4px 5px; font-size:13px; border-radius:6px; } .label-default { background:#575757; padding:4px 5px; font-size:13px; border-radius:6px; } .no-label { padding:4px 0; font-size:13px; color:#ec0202; margin-top:3px; } @media(max-width: 800px){ .notif_box { width:100%; } } .notifbox{width:100%;height: auto;position:fixed;top:75px;left:0;justify-content:center;z-index:10000;display:flex;align-items:center;background-color: rgb(255, 0, 0)} .notif_box{color:rgb(255, 255, 255);padding:0;top:15%;transition:all 5s ease-in-out;position:absolute;width:100%;z-index:99;border-radius:0px;z-index:2;overflow:hidden;} .notif_box p{margin:0;font-size:14px;font-weight:400;padding:10px 20px;line-height:1.3;text-align: center;} .notifbox .close_notifbox{border: none red;padding: 1px 1px 1px 3;cursor:pointer;line-height:6px;text-align:center;z-index:1;background:rgb(255, 255, 255);color:#0a7ea1;font-size:20px;} .notifbox .close_notifbox:focus,.notifbox .done_notifbox:focus{outline:none} .notifbox .close_notifbox:hover{color:#ec0202} .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}} .timehascoome { font-size: 12px; font-weight: 700; } .sponsorhover { text-align: center; color: white; font-weight: 600; background: #ffffff; padding: 10px; position: absolute; bottom: 50%; width: 100%; } @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-o-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .animate-flicker { -webkit-animation: flickerAnimation .8s infinite; -moz-animation: flickerAnimation .8s infinite; -o-animation: flickerAnimation .8s infinite; animation: flickerAnimation .8s infinite; } .disable-notifbox { width: 100%; position: fixed; top: 0px; left: 0; justify-content: center; z-index: 10000; display: flex; align-items: center; color: #fffffff2; backdrop-filter: blur(4px); height: 100%; } .disable-notif_box { padding: 0; top: 40%; transition: all .3s ease-in-out; position: absolute; width: 100%; border-radius: 4px; z-index: 2; overflow: hidden; } .disable-hasuw { font-size: 40px; color: white; align-content: center; padding: 10px; margin: 0 auto; text-align: -webkit-center; } .disable-notif_box p{ color: white; text-align: center; } .lc_div { position:fixed; bottom:10px; right:10px; z-index:100; } .lc_div .lc_link img{ width:48px; background:white; border: 2px outset; border-radius: 50%; padding: 1px; }

DAFTAR MASUK