What Can The Music Industry Teach You About Pondok Pesantren

From
Jump to: navigation, search








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: 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, pondok ngabar 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, pondok pesantren 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

Retrieved from "http://gospeldb.com/index.php?title=What_Can_The_Music_Industry_Teach_You_About_Pondok_Pesantren&oldid=14107"