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 {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
p {
line-height: 18px;
margin: 15px 0
.fun,
.log,
header {
display: flex
.bottom,
header {
position: fixed;
max-width: 100%
.bottom,
.container,
.container img,
.fun,
.se,
header {
max-width: 100%
.bubble,
.eg,
.log button,
.menu {
cursor: pointer
.bubble,
.container,
.fun,
footer {
box-sizing: border-box
.bottom,
.centerbyv,
h1,
h2,
h3,
h4,
h5 {
text-align: center
* {
margin: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
body {
background-color: #000000
header {
width: 100%;
background-color: #ff2020;
justify-content: space-between;
top: 0
.fun {
width: 250px;
background-color: #000000;
border-radius: 10px;
justify-content: center;
margin: -9px 0 0 -17px;
padding: 20px 10px 20px;
transform: skewY(-3deg) skewX(-17deg)
.eg:hover,
.inside {
background-color: #2c2a2f
header img {
max-width: 210px;
transform: skewY(3deg) skewX(17deg)
.log {
justify-content: center;
align-items: center;
width: 200px
.bubble,
.se {
justify-content: space-between;
display: flex
.log button {
width: 150px;
height: 40px;
border-radius: 5px;
border: transparent;
color: #fff;
font-size: 15px;
font-weight: bolder;
background: linear-gradient(to bottom, #ff2020 0%, #7f0000 100%)
.bubble:hover,
.log button:hover,
.SLOT GACOR img:hover {
border: 2px solid #e4cfdd
.container {
width: 500px;
margin: 90px auto auto;
padding: 5px
.inside {
border-radius: 7px;
padding: 7px
.bubble {
background-color: #080608;
border-radius: 5px;
margin: 10px 5px;
font-weight: 700;
color: #fff;
padding: 5px;
border: 2px solid transparent
.bottom,
.eg {
background: linear-gradient(to bottom, #ff2020 0%, #7f0000 100%)
.eg,
.inside span {
font-weight: bolder;
color: #fff
.bubble img {
max-width: 90px
.server {
display: flex;
justify-content: center;
flex-wrap: wrap
.se {
width: 1000px;
margin: 4px 2px
.eg {
border: 2px solid #000000;
color: #fff;
border-radius: 5px;
width: 240px;
height: 50px;
font-size: 18px
.hot-server {
background-image: #6d03c4
.bottom {
bottom: 0;
height: 51px;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
color: #fff;
font-size: 10px;
align-items: center
.menu {
width: 80px
.centerbyv {
margin-bottom: 10px
.menu img {
max-width: 25px
.SLOT GACOR {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center
.SLOT GACOR img {
max-width: 128px;
border-radius: 10px;
margin-top: 5px;
border: 2px solid transparent
.middle {
margin: 20px
footer {
text-align: justify;
color: #fff;
border: 1px solid #ff2020;
border-radius: 5px;
margin: 10px 5px 60px;
padding: 15px;
font-size: 15px
footer a {
color: #fff
.bottom a {
text-decoration: none;
color: #fff
@media screen and (max-width:500px) {
.eg {
width: 190px;
transition: .5s
.se {
justify-content: space-around
.SLOT GACOR img {
max-width: 100px
@media screen and (max-width:425px) {
.eg {
width: 170px
@media screen and (max-width:375px) {
.eg {
width: 150px
margin-left: 20px
h2,
h3,
h4,
h5 {
text-align: left
