New Step By Step Roadmap For Pp Walisongo
Promo BONUS NEW MEMBER TO 7x 5x 3x Situs Slot Bonus Gacor #1
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-startfromvisibility:hiddentovisibility:visible@-moz-keyframes -amp-startfromvisibility:hiddentovisibility:visible@-ms-keyframes -amp-startfromvisibility:hiddentovisibility:visible@-o-keyframes -amp-startfromvisibility:hiddentovisibility:visible@keyframes -amp-startfromvisibility:hiddentovisibility:visiblebody-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none
:root
background-color: #fff;
color: #000;
box-sizing: border-box;
margin: 0;
padding: 0
body
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 0;
padding: 0
li,
ol,
ul
padding: 0;
margin: 0
.bg-primary
background-color: #1266f1
.bg-success
background-color: #00b74a
.bg-info
background-color: #39c0ed
.bg-warning
background-color: #ffa900
.bg-danger
background-color: #f93154
.bg-light
background-color: ponpes wali song #fbfbfb
.bg-dark
background-color: #262626
.h1,
h1
font-size: 18pt
.h2,
h2
font-size: 15pt
.h3,
h3
font-size: 13pt
.p,
p,
span
font-size: 12pt
.text-small
font-size: 8pt
.text-thin
font-weight: 300
.text-regular
font-weight: 400
.text-semibold
font-weight: 500
.text-bold
font-weight: 700
.text-big
font-size: 36pt
.text-med
font-size: 26pt
.text-italic
font-style: italic
.text-center
text-align: center
.text-primary
color: #262626
a.text-primary:focus,
a.text-primary:hover,
a.text-primary:visited
color: #262626
.text-secondary
color: #b23cfd
a.text-secondary:focus,
a.text-secondary:hover,
a.text-secondary:visited
color: #b23cfd
.text-success
color: #00b74a
a.text-success:focus,
a.text-success:hover,
a.text-success:visited
color: #00b74a
.text-info
color: #39c0ed
a.text-info:focus,
a.text-info:hover,
a.text-info:visited
color: #39c0ed
.text-warning
color: #fdd943
a.text-warning:focus,
a.text-warning:hover,
a.text-warning:visited
color: #fdd943
.text-danger
color: #ff2f00
a.text-danger:focus,
a.text-danger:hover,
a.text-danger:visited
color: #ff2f00
.text-light
color: #fbfbfb
a.text-light:focus,
a.text-light:hover,
a.text-light:visited
color: #fbfbfb
.text-dark
color: #262626
a.text-dark:focus,
a.text-dark:hover,
a.text-dark:visited
color: #262626
a,
a:hover,
a:visited
color: #a41b1a;
text-decoration: none
.p-0
padding: 0
.p-1
padding: 10px
.p-2
padding: 20px
.p-2
padding: 30px
.pt-1
padding-top: 10px
.pt-2
padding-top: wali songo 20px
.pt-3
padding-top: 30px
.pr-1
padding-right: 10px
.pr-2
padding-right: 20px
.pr-3
padding-right: 30px
.pb-1
padding-bottom: 10px
.pb-2
padding-bottom: 20px
.pb-3
padding-bottom: 30px
.pl-1
padding-left: 10px
.pl-2
padding-left: 20px
.pl-3
padding-left: 30px
.py-1
padding-top: 10px;
padding-bottom: 10px
.py-2
padding-top: 20px;
padding-bottom: 20px
.py-3
padding-top: 30px;
padding-bottom: wali songo 30px
.px-1
padding-right: 10px;
padding-left: 10px
.px-2
padding-right: 20px;
padding-left: 20px
.px-3
padding-right: 30px;
padding-left: 30px
.p-0
padding: 0
.p-1
padding: 10px
.p-2
padding: 20px
.p-2
padding: 30px
.pt-1
padding-top: 10px
.pt-2
padding-top: 20px
.pt-3
padding-top: 30px
.pr-1
padding-right: 10px
.pr-2
padding-right: 20px
.pr-3
padding-right: 30px
.pb-1
padding-bottom: 10px
.pb-2
padding-bottom: 20px
.pb-3
padding-bottom: 30px
.pl-1
padding-left: 10px
.pl-2
padding-left: 20px
.pl-3
padding-left: 30px
.py-1
padding-top: 10px;
padding-bottom: 10px
.py-2
padding-top: 20px;
padding-bottom: 20px
.py-3
padding-top: 30px;
padding-bottom: 30px
.px-1
padding-right: 10px;
padding-left: 10px
.px-2
padding-right: 20px;
padding-left: 20px
.px-3
padding-right: 30px;
padding-left: 30px
.m-0
margin: 0
.m-1
margin: 10px
.m-2
margin: 20px
.m-3
margin: 30px
.mt-0
margin-top: 0
.mt-1
margin-top: 10px
.mt-2
margin-top: 20px
.mt-3
margin-top: 30px
.mr-0
margin-right: 0
.mr-1
margin-right: 10px
.mr-2
margin-right: 20px
.mr-3
margin-right: 30px
.mb-0
margin-bottom: 0
.mb-1
margin-bottom: 10px
.mb-2
margin-bottom: 20px
.mb-3
margin-bottom: 30px
.ml-0
margin-left: 0
.ml-1
margin-left: 10px
.ml-2
margin-left: 20px
.ml-3
margin-left: 30px
.my-0
margin-top: 0;
margin-bottom: 0
.my-1
margin-top: 10px;
margin-bottom: 10px
.my-2
margin-top: 20px;
margin-bottom: 20px
.my-3
margin-top: 30px;
margin-bottom: 30px
.mx-0
margin-right: 0;
margin-left: 0
.mx-1
margin-right: 10px;
margin-left: 10px
.mx-2
margin-right: 20px;
margin-left: 20px
.mx-3
margin-right: 30px;
margin-left: 30px
.justify-content-center
justify-content: center
.justify-content-left
justify-content: flex-start
.justify-content-right
justify-content: flex-end
.container-global
max-width: 1000px;
margin: 0 auto
.border-bottom
border-bottom: 1px solid #8a5b03
.border-top
border-top: 4px solid #8a5b03;
width: 70px
.border-left
border-left: 4px solid #8a5b03
.border-right
border-right: 1px solid #8a5b03
.title-shadow
text-shadow: -1px 1px 0 #a5a4a4, -2px 2px 0 rgb(0 0 0 / 20%)
.subtitle-shadow
text-shadow: -1px 1px 0 #000, -2px 2px 0 rgb(0 0 0 / 10%)
.cta-shadow
text-shadow: -1px 1px 0 #380b01, -3px 3px 0 rgb(0 0 0 / 20%)
.menu-shadow
text-shadow: -1px 1px 0 #a41b1a, -1px 1px 0 rgb(0 0 0 / 20%)
.join-shadow
text-shadow: -1px 1px 0 #e70101, -3px 3px 0 rgb(0 0 0 / 20%)
.text-shadow
text-shadow: -1px 1px 0 #c4c3c3, -1px 1px 0 rgb(0 0 0 / 20%)
.container-menu
background-color: #000;
.nav
display: grid;
grid-template-columns: 1fr 2fr 1fr;
align-items: center
.logo
text-align: center
.navbar
align-self: center
.navbar ul
list-style: none;
display: flex;
justify-content: center;
margin: 10px
.navbar li
flex-grow: 0;
margin: 10px 4px
.navbar li a
letter-spacing: .5px;
font-size: 10pt;
text-align: center;
padding: 5px 10px;
border-radius: 5px
.navbar li a:hover,
a.active
color: #000;
box-shadow: rgba(209, 110, 28, .35) 0 -25px 18px -14px inset, rgba(209, 110, 28, .25) 0 1px 2px, rgba(209, 110, 28, .25) 0 2px 4px, rgba(209, 110, 28, .25) 0 4px 8px, rgba(209, 110, 28, .25) 0 8px 16px;
transform: scale(1.05) rotate(-1deg);
background-image: linear-gradient(#fdd943, #fedc1a)
.grid-button
text-align: center;
display: flex;
margin: 0 auto
.side-bar
display: none
.list-btn-join
align-self: center;
text-align: center;
padding: 15px
.list-btn-join ul
display: flex
.list-btn-join li
list-style: none;
transition: all 1s ease-in-out
.container-join
padding-bottom: 10px
.join
background-color: #000;
padding: 15px 0
.text-join
margin: 30px
.text-join h2
color: #886525
.span-join
color: #fedc1a
.btn--promo
color: #fff;
background-color: #fedc1a;
font-size: 16pt;
border-radius: 50px;
padding: 15px 100px;
font-weight: 800;
letter-spacing: 1.5px;
box-shadow: rgba(0, 0, 0, .09) 0 2px 1px, rgba(0, 0, 0, .09) 0 4px 2px, rgba(0, 0, 0, .09) 0 8px 4px, rgba(0, 0, 0, .09) 0 16px 8px, rgba(0, 0, 0, .09) 0 32px 16px
.btn--promo:after
content: "";
display: inline-block;
font-size: 14pt;
color: #fff;
font-weight: 700;
letter-spacing: 1px;
background-color: #918c8c;
border-radius: 25px;
padding: 10px;
position: absolute;
margin-top: -40px;
margin-left: auto;
box-shadow: rgba(14, 30, 37, .12) 0 2px 4px 0, rgba(14, 30, 37, .32) 0 2px 16px 0
.container-content
max-width: 900px;
margin: 0 auto;
padding: 10px
.bg-title
background-color: #533702;
box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
text-shadow: 3px 3px 0 rgba(0, 0, 0, .2)
.footer-container
text-align: center;
padding: 20px 0
.copyright
grid-area: copyright;
text-align: center;
color: #fff;
align-self: center;
letter-spacing: 1px;
line-height: 1.5
.footer-nav ul
list-style: none;
text-align: center
.footer-nav li
margin: 5px 0;
display: inline-block;
justify-content: center
.footer-nav li a
letter-spacing: .5px;
font-size: 10pt;
text-align: center;
padding: 5px 10px;
border-radius: 5px;
color: #000;
box-shadow: rgba(209, 110, 28, .35) 0 -25px 18px -14px inset, rgba(209, 110, 28, .25) 0 1px 2px, rgba(209, 110, 28, .25) 0 2px 4px, rgba(209, 110, 28, .25) 0 4px 8px, rgba(209, 110, 28, .25) 0 8px 16px;
transform: scale(1.05) rotate(-1deg);
background-image: linear-gradient(#fdd943, #fedc1a)
.tada
-webkit-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 4.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite
@-webkit-keyframes tada
0%
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
10%,
20%
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
30%,
50%,
70%,
90%
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
40%,
60%,
80%
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
100%
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
@keyframes tada
0%
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
10%,
20%
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
30%,
50%,
70%,
90%
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
40%,
60%,
80%
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
100%
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
.button-21
align-items: center;
appearance: none;
background-color: #fedc1a;
background-size: calc(100% + 20px) calc(100% + 20px);
border-radius: 10px;
border-width: 0;
box-shadow: none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
height: auto;
justify-content: center;
line-height: 1.5;
width: 100%;
padding: 10px 20px;
font-size: 12px;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color .2s, background-position .2s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: top;
white-space: nowrap;
/* box-shadow: rgba(245, 196, 34, .17) 0 -23px 25px 0 inset, rgba(245, 196, 34, .15) 0 -36px 30px 0 inset, rgba(245, 196, 34, .1) 0 -79px 40px 0 inset, rgba(245, 196, 34, .06) 0 2px 1px, rgba(245, 196, 34, .09) 0 4px 2px, rgba(245, 196, 34, .09) 0 8px 4px, rgba(245, 196, 34, .09) 0 16px 8px, rgba(245, 196, 34, .09) 0 32px 16px */
.button-21:active,
.button-21:focus
outline: 0
.button-21:hover
background-position: -20px -20px
.button-21:focus:not(:active)
box-shadow: rgba(40, 170, 255, .25) 0 0 0 .125em
.button-22
align-items: center;
appearance: none;
background-color: #fedc1a;
background-size: calc(100% + 20px) calc(100% + 20px);
border-radius: 10px;
border-width: 0;
box-shadow: none;
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-flex;
height: auto;
justify-content: center;
line-height: 1.5;
width: 100%;
padding: 10px;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color .2s, background-position .2s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: top;
white-space: nowrap;
box-shadow: rgba(204, 128, 14, .17) 0 -23px 25px 0 inset, rgba(204, 128, 14, .15) 0 -36px 30px 0 inset, rgba(204, 128, 14, .1) 0 -79px 40px 0 inset, rgba(204, 128, 14, .06) 0 2px 1px, rgba(204, 128, 14, .09) 0 4px 2px, rgba(204, 128, 14, .09) 0 8px 4px, rgba(204, 128, 14, .09) 0 16px 8px, rgba(204, 128, 14, .09) 0 32px 16px
.button-22:active,
.button-22:focus
outline: 0
.button-22:hover
background-position: -20px -20px
.button-22:focus:not(:active)
box-shadow: rgba(40, 170, 255, .25) 0 0 0 .125em
.button-29
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #d3bd8c 0, #aa935d 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(66, 35, 35, .4) 0 2px 4px, rgba(66, 35, 35, .3) 0 7px 13px -3px, rgba(66, 35, 35, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding: 10px 15px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform
.button-29:focus
box-shadow: #a41b1a 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #a41b1a 0 -3px 0 inset
.button-29:hover
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #a41b1a 0 -3px 0 inset;
transform: translateY(-2px)
.button-29:active
box-shadow: #a41b1a 0 3px 7px inset;
transform: translateY(2px)
.bottom-menu
display: none
.mobile-view
display: none
maintext-align:center;color:#fff;
@media (max-width:800px)
.desktop-view
display: none
.mobile-view
display: block;
margin-top: 20px
body
padding-top: 40px;
padding-bottom: 60px
.text-big
font-size: 24pt
.container-menu
position: fixed;
top: 0;
z-index: 2;
height: 35px;
width: 100%
.nav
grid-template-columns: 1fr 1fr
nav
display: none
.grid-button
display: none
amp-sidebar
width: 100vw;
max-width: 100vw
.side-bar
display: block;
margin: auto;
margin-right: 10px;
padding: 0 10px;
background-color: transparent;
border: none;
color: #07ff00;
font-size: 20pt
.sidebar
background-color: #fff;
background-size: center;
width: 100%;
margin: auto;
margin-right: 10px;
text-align: center
.sidebar a
color: #131313;
display: flex;
flex-wrap: wrap;
align-items: center
.sidebar-menu
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px
.con-logo
display: grid;
grid-template-columns: 3fr 1fr;
background-color: #000;
box-shadow: rgba(107, 72, 43, .17) 0 -23px 25px 0 inset, rgba(107, 72, 43, .15) 0 -36px 30px 0 inset, rgba(107, 72, 43, .1) 0 -79px 40px 0 inset, rgba(107, 72, 43, .06) 0 2px 1px, rgba(107, 72, 43, .09) 0 4px 2px, rgba(107, 72, 43, .09) 0 8px 4px, rgba(107, 72, 43, .09) 0 16px 8px, rgba(107, 72, 43, .09) 0 32px 16px
.close-btn-sidebar
align-self: center;
margin-left: auto
.container-join
padding: 0
.join
padding: 10px;
.text-join
margin: 20px 10px
.list-btn-join
text-align: center;
margin-bottom: 20px;
padding: 0
.btn--promo
padding: 15px
.btn--promo:after
margin-top: -50px;
margin-left: -65px
footer
padding: 0 10px
.footer-container
text-align: center
.copyright
margin-bottom: 10px
.bottom-contact
text-align: center
.bottom-menu
position: fixed;
bottom: 0;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
display: grid;
grid-template-columns: repeat(5, 1fr);
height: 60px;
background-color: #751616;
box-shadow: rgba(202, 147, 115, .17) 0 -23px 25px 0 inset, rgba(202, 147, 115, .15) 0 -36px 30px 0 inset, rgba(202, 147, 115, .1) 0 -79px 40px 0 inset, rgba(202, 147, 115, .06) 0 2px 1px, rgba(202, 147, 115, .09) 0 4px 2px, rgba(202, 147, 115, .09) 0 8px 4px, rgba(202, 147, 115, .09) 0 16px 8px, rgba(202, 147, 115, .09) 0 32px 16px;
border-top: 1px solid #8a5b03;
justify-content: space-around;
align-items: center;
z-index: 2
.menu-item
text-align: center;
z-index: 2
.menu-item-text
color: #fff;
letter-spacing: 1px;
font-weight: 700
.wrapper
min-height: 600px
.container-game-container
padding: 30px 0
.game-container
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 5px;
padding: 20px 0
.list-game
padding: 10px;
margin-bottom: 10px;
text-align: center;
border-radius: 10px;
background-color: #eee;
box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px
.list-game img
border-radius: 10px;
padding: 5px
.title-gacor a
color: #000;
text-decoration: none
.provider-gacor,
.title-gacor a:hover
color: #8a5b04;
text-decoration: none
.provider-gacor,
.title-gacor a:visited
color: #000;
text-decoration: none
.provider-gacor a
color: #533702;
text-decoration: none
.container-about
background-color: #fff
.about-btv
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
padding: 60px 0;
align-items: center;
color: #6b6b6a
.about-btv p
color: #6b6b6a;
line-height: 1.5
table
border-collapse: collapse;
border-radius: 1em;
overflow: hidden
td,
th
padding: .5em;
background: #eee;
border-bottom: 2px solid #fff
.css-mine
margin-top: 2em;
clear: both
.btv-img
padding: 20px 10px 20px 150px
.about
margin: auto 0;
padding-left: 10px
.container-game-new
background-color: #f9f8f9;
padding: 30px 10px
.game-new
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
padding: 20px 0
.list-new
padding: 3px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #eee;
box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px
.list-new img
border-radius: 10px 10px 0 0;
padding: 5px
.list-new-desc
margin: 10px;
height: 25px;
overflow: hidden
.list-new-row-desc
text-align: center
.list-new-row-desc div
margin: 10px;
text-align: center
.list-new-row-provider
text-align: center;
margin: 10px
.button-30
align-items: center;
appearance: none;
background-color: #fcfcfd;
border-radius: 4px;
border-width: 0;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
box-sizing: border-box;
color: #36395a;
cursor: pointer;
display: inline-flex;
height: 48px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
font-size: 18px;
font-weight: 700
.button-30:focus
box-shadow: #d6d6e7 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset
.button-30:hover
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
transform: translateY(-2px)
.button-30:active
box-shadow: #d6d6e7 0 3px 7px inset;
transform: translateY(2px)
.container-seo
background-color: #f9f8f9;
padding: 60px 10px
.container-seo p
color: #262626;
line-height: 1.5
.container-seo li
margin-left: 20px;
padding-left: 10px;
line-height: 1.5;
margin-bottom: 10px
.bold li::marker
font-weight: 800
.semibold li::marker
font-weight: 700
.thin li::marker
font-weight: 400
.container-contact
background-color: #fff;
margin: 60px 0
.seo-text ol
list-style: none;
counter-reset: cupcake
.seo-text ol li
counter-increment: cupcake;
margin-left: 0
.seo-text ol li:before
content: counters(cupcake, ".") " ";
color: #262626;
padding-right: 10px
.contact
background-color: #fff;
display: grid;
grid-template-columns: 1.5fr 0.5fr;
grid-gap: 30px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, .4) 0 2px 4px, rgba(0, 0, 0, .3) 0 7px 13px -3px, rgba(0, 0, 0, .2) 0 -3px 0 inset
.text-contact
margin: 50px 30px
.text-contact h2
color: #533702
.span-contact
color: #d3bd8c
.list-btn-contact
margin: auto 0
@media (max-width:800px)
.container-game-container
padding: 10px
.game-container
grid-template-columns: 1fr 1fr
.container-seo
padding: 20px 10px
.game-new
grid-template-columns: 1fr 1fr;
grid-gap: 5px
.about-btv
grid-template-columns: 1fr
.btv-img
padding: 10px 60px
.about
text-align: center;
padding: 10px 20px
.contact
grid-template-columns: 1fr;
margin: 20px
.text-contact
margin: 40px 20px 0 20px
.list-btn-contact
text-align: center;
margin-bottom: 40px
h1
color: #FFF;
.link-container
display: flex;
justify-content: center;
padding: 0;
width: 100%
.link-container a
width: 100%;
text-align: center;
padding: 15px 20px;
text-transform: uppercase
.button-clake
background: linear-gradient(#000000 20%, #474848 90%, #484747 20%);
padding: 16px 40px;
display: inline-block;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
overflow: hidden;
color: #ffffff;
font-size: 20px;
letter-spacing: 2.5px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, .3), 0 2px 4px 1px rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 2px 2px rgba(0, 0, 0, .3), 0 2px 4px 1px rgba(0, 0, 0, .2);
border-radius: 8px;
font-family: Convergence, sans-serif;
font-weight: bolder;
margin: 10px;
.button-clake::before
content: ;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ad8585;
opacity: 0;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out
.button-clake:hover::before
opacity: .2
.button-clake span
position: absolute
.button-clake span:nth-child(1)
top: 0;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: -webkit-gradient(linear, right top, left top, from(rgb(5, 122, 255)), to(#00cdfe));
background: linear-gradient(to left, rgba(255, 247, 0, 0.379), #ffee001b);
-webkit-animation: 2s animateTop linear infinite;
animation: 2s animateTop linear infinite
@keyframes animateTop
0%
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
100%
-webkit-transform: translateX(100%);
transform: translateX(100%)
.button-clake span:nth-child(2)
top: 0;
right: 0;
height: 100%;
width: 3px;
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 119, 255)), to(#00cdfe));
background: linear-gradient(to top, rgba(43, 8, 8, 0), #fee900);
-webkit-animation: 2s animateRight linear -1s infinite;
animation: 2s animateRight linear -1s infinite
@keyframes animateRight
0%
-webkit-transform: translateY(100%);
transform: translateY(100%)
100%
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
.button-clake span:nth-child(3)
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 247, 0)), to(#d4fe00));
background: linear-gradient(to right, rgba(255, 0, 0, 0), #fee900);
-webkit-animation: 2s animateBottom linear infinite;
animation: 2s animateBottom linear infinite
@keyframes animateBottom
0%
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
100%
-webkit-transform: translateX(100%);
transform: translateX(100%)
.button-clake span:nth-child(4)
top: 0;
left: 0;
height: 100%;
width: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 0, 0)), to(#00cdfe));
background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #fed400);
-webkit-animation: 2s animateLeft linear -1s infinite;
animation: 2s animateLeft linear -1s infinite
@keyframes animateLeft
0%
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
100%
-webkit-transform: translateY(100%);
transform: translateY(100%)
.fixed-footer
display: none;
@media only screen and (max-width: 767px)
.fixed-footer.daftar
display: flex;
justify-content: space-between;
position: fixed;
background-color: rgb(0, 0, 0);
padding: 5px 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4
.link-container.login
display: none;
.buttonclake
position: relative;
margin: auto;
line-height: 50px;
letter-spacing: 2px;
text-align: center;
color: #7fffb3;
font-weight: bold;
font-size: 20px;
border: 2px solid #ea6dff;
border-radius: 10px;
background: linear-gradient(180deg, rgba(230,0,255,1) 0%, rgb(112 2 180) 100%);
transition: all 0.3s;
cursor: pointer;
.rake
position: relative;
margin: auto;
line-height: 50px;
letter-spacing: 2px;
text-align: center;
color: #53ff89;
font-weight: bold;
font-size: 20px;
border: 2px solid #a900d3;
border-radius: 10px;
background: linear-gradient(180deg, rgba(54,2,180,1) 0%, rgba(230,0,255,1) 100%);
transition: all 0.3s;
cursor: pointer;
@media (max-width: 767px)
.buttonclake
width: 100%;
.rake
width: 100%;
@media (min-width: 768px)
.buttonclake
width: 40%;
.rake
width: 40%;
.buttonclake::before, .buttonclake::after
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 2px solid #ff4c43;
transition: all 0.5s;
-webkit-animation: clippath1 3s infinite linear;
animation: clippath1 3s infinite linear;
border-radius: 10px;
.buttonclake::after
-webkit-animation: clippath1 3s infinite -1.5s linear;
animation: clippath1 3s infinite -1.5s linear;
.rake::before, .rake::after
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 2px solid #abff81;
transition: all 0.5s;
-webkit-animation: clippath2 3s infinite linear;
animation: clippath2 3s infinite linear;
border-radius: 10px;
.rake::after
-webkit-animation: clippath2 3s infinite -1.5s linear;
animation: clippath2 3s infinite -1.5s linear;
@-webkit-keyframes clippath1
0%, 100%
-webkit-clip-path: inset(0 0 98% 0);
clip-path: inset(0 0 98% 0);
25%
-webkit-clip-path: inset(0 98% 0 0);
clip-path: inset(0 98% 0 0);
50%
-webkit-clip-path: inset(98% 0 0 0);
clip-path: inset(98% 0 0 0);
75%
-webkit-clip-path: inset(0 0 0 98%);
clip-path: inset(0 0 0 98%);
@keyframes clippath2
0%, 100%
-webkit-clip-path: inset(95% 0 0 0);
clip-path: inset(95% 0 0 0);
25%
-webkit-clip-path: inset(0 95% 0 0);
clip-path: inset(0 95% 0 0);
50%
-webkit-clip-path: inset(0 0 95% 0);
clip-path: inset(0 0 95% 0);
75%
-webkit-clip-path: inset(0 0 0 95%);
clip-path: inset(0 0 0 95%);
bodybackground:#000;
@media (min-width: 768px)
.container
max-width:720px
@media (min-width: 992px)
.container
max-width:960px
@media (min-width: 1200px)
.container
width:1000px
.container
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
Slot Gacor
CLAIM BONUS
LOGIN
Trusted iGaming Platform
Daftar & mainkan game slot gacor kesukaan kamu di sini dengan mudah serta gampang capit maxwin + bocoran pola rtp slot live tayang tiap hari ini.
COPYRIGHT ©2023 Live Asian iGaming
DAFTAR