User Tools

Site Tools


wali_songo_fundamentals_explained
This version (2024/02/21 00:21) is a draft.
Approvals: 0/1

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: #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: 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

.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: pp walisongo 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: pondok pesantren 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

(Image: https://i.ytimg.com/vi/zK12Pp3HTRQ/hqdefault.jpg)

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

wali_songo_fundamentals_explained.txt · Last modified: 2024/02/21 00:21 by johnharmer577