squil2.com Ads.txt file
<!doctype html>
<html ⚡ lang="id-ID">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="keywords"
content="Avatar808, avatar808 login, avatar 808, situs avatar808" />
<title>Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025</title>
<meta name="title" content="Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025">
<meta name="description"
content="AVATAR808 merupakan salah satu platform digital terbaru yang menjadi jendela peluang bagi remaja untuk berkembang, berprestasi, dan meraih kemenangan di tahun 2025." />
<meta name="author" content="Avatar808">
<meta name="og:type" content="website" />
<meta name="og:title" content="Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025">
<meta name="og:description"
content="AVATAR808 merupakan salah satu platform digital terbaru yang menjadi jendela peluang bagi remaja untuk berkembang, berprestasi, dan meraih kemenangan di tahun 2025.">
<meta name="og:url" content="https://www.squil2.com/">
<meta name="og:site_name" content="Avatar808">
<meta content="Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025" property="og:title">
<meta
content="AVATAR808 merupakan salah satu platform digital terbaru yang menjadi jendela peluang bagi remaja untuk berkembang, berprestasi, dan meraih kemenangan di tahun 2025."
property="og:description">
<meta name="google-site-verification" content="ScGCsFl2VprdW6zmHUiSKaybUnqr5UoB9GTXWU3ATLc" />
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://www.squil2.com/" />
<link rel="shortcut icon" type="image/x-icon"
href="https://pub-a781507496e7498cac7caa8192fa989f.r2.dev/favicon-avatar-808.png" />
<link rel="icon" href="https://pub-a781507496e7498cac7caa8192fa989f.r2.dev/favicon-avatar-808.png" rel="icon"
sizes="32x32" type="image/png" />
<link rel="apple-touch-icon" href="https://pub-a781507496e7498cac7caa8192fa989f.r2.dev/favicon-avatar-808.png" />
<style amp-boilerplate>
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
}
}
</style> <noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.2.js"></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>
:root {
--blue: #007bff;
--indigo: #ffffff;
--purple: #ffffff;
--pink: #3d3d3d;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #ffffff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1160px;
--font-family-sans-serif: -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";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container {
max-width: 960px
}
}
@media (min-width: 1160px) {
.container {
max-width: 1100px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.33333%
}
.offset-2 {
margin-left: 16.66667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333%
}
.offset-5 {
margin-left: 41.66667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333%
}
.offset-8 {
margin-left: 66.66667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333%
}
.offset-11 {
margin-left: 91.66667%
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
@media (min-width: 1160px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table th,
.table td {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm th,
.table-sm td {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(255, 255, 255)
}
.table-hover tbody tr:hover {
color: #3f3e3e;
background-color: rgb(77, 74, 74)
}
.table-primary,
.table-primary>th,
.table-primary>td {
background-color: #fefad8
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
border-color: #fef5b6
}
.table-hover .table-primary:hover {
background-color: #fdf7bf
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #fdf7bf
}
.table-secondary,
.table-secondary>th,
.table-secondary>td {
background-color: #d6d8db
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>th,
.table-success>td {
background-color: #c3e6cb
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>th,
.table-info>td {
background-color: #bee5eb
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>th,
.table-warning>td {
background-color: #ffeeba
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #fc0
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #fc0
}
.table-danger,
.table-danger>th,
.table-danger>td {
background-color: #3f3e3e
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
border-color: #3f3e3e
}
.table-hover .table-danger:hover {
background-color: #3f3e3e
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #3f3e3e
}
.table-light,
.table-light>th,
.table-light>td {
background-color: #3f3e3e
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
border-color: #3f3e3e
}
.table-hover .table-light:hover {
background-color: #3f3e3e
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #3f3e3e
}
.table-dark,
.table-dark>th,
.table-dark>td {
background-color: #3f3e3e
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
border-color: #39a8fd
}
.table-hover .table-dark:hover {
background-color: #39a8fd
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #39a8fd
}
.table-active,
.table-active>th,
.table-active>td {
background-color: rgb(102, 182, 247)
}
.table-hover .table-active:hover {
background-color: rgb(103, 207, 255)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgb(102, 228, 245)
}
.table .thead-dark th {
color: #fff;
background-color: #66e7f8;
border-color: #66e7f8
}
.table .thead-light th {
color: #4fd6ff;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #66e7f8
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075)
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width: 1159.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.align-baseline {
vertical-align: baseline
}
.align-top {
vertical-align: top
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.align-text-bottom {
vertical-align: text-bottom
}
.align-text-top {
vertical-align: text-top
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none
}
.d-inline {
display: inline
}
.d-inline-block {
display: inline-block
}
.d-block {
display: block
}
.d-table {
display: table
}
.d-table-row {
display: table-row
}
.d-table-cell {
display: table-cell
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media (min-width: 576px) {
.d-sm-none {
display: none
}
.d-sm-inline {
display: inline
}
.d-sm-inline-block {
display: inline-block
}
.d-sm-block {
display: block
}
.d-sm-table {
display: table
}
.d-sm-table-row {
display: table-row
}
.d-sm-table-cell {
display: table-cell
}
.d-sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-sm-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 768px) {
.d-md-none {
display: none
}
.d-md-inline {
display: inline
}
.d-md-inline-block {
display: inline-block
}
.d-md-block {
display: block
}
.d-md-table {
display: table
}
.d-md-table-row {
display: table-row
}
.d-md-table-cell {
display: table-cell
}
.d-md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-md-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none
}
.d-lg-inline {
display: inline
}
.d-lg-inline-block {
display: inline-block
}
.d-lg-block {
display: block
}
.d-lg-table {
display: table
}
.d-lg-table-row {
display: table-row
}
.d-lg-table-cell {
display: table-cell
}
.d-lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-lg-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media (min-width: 1160px) {
.d-xl-none {
display: none
}
.d-xl-inline {
display: inline
}
.d-xl-inline-block {
display: inline-block
}
.d-xl-block {
display: block
}
.d-xl-table {
display: table
}
.d-xl-table-row {
display: table-row
}
.d-xl-table-cell {
display: table-cell
}
.d-xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-xl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
@media print {
.d-print-none {
display: none
}
.d-print-inline {
display: inline
}
.d-print-inline-block {
display: inline-block
}
.d-print-block {
display: block
}
.d-print-table {
display: table
}
.d-print-table-row {
display: table-row
}
.d-print-table-cell {
display: table-cell
}
.d-print-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.d-print-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
html {
overflow: auto
}
body {
overflow: hidden;
margin: 0
}
a,
a:hover {
text-decoration: none
}
:focus {
outline: none;
outline-color: none;
outline-style: none;
outline-width: 0
}
ul {
-webkit-padding-start: 0;
padding-inline-start: 0
}
ul li {
list-style-type: none
}
.text-white {
color: #ffffff
}
.text-gold {
color: #fc0
}
body {
font-family: 'Helvetica', sans-serif
}
.sans-serif {
font-family: 'Helvetica', sans-serif
}
strong,
.font-bold {
font-weight: 700
}
h1 {
font-size: 40px
}
.text-h2,
h2 {
font-size: 36px
}
.text-h3,
h3 {
font-size: 24px
}
.text-h4,
h4,
p {
font-size: 16px;
word-spacing: 2px;
line-height: 25px
}
.text-uppercase {
text-transform: uppercase
}
.fontsize-70 {
font-size: 70px
}
@media (max-width: 991.98px) {
h1 {
font-size: 30px
}
.text-h2,
h2 {
font-size: 30px
}
.text-h3,
h3 {
font-size: 20px
}
.text-h4,
h4,
p {
font-size: 15px
}
.fontsize-70 {
font-size: 50px
}
}
.btn-cta {
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, from(#fc0), to(#ffffff));
background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
padding: 13px 0
}
.btn-block {
display: block;
text-align: center
}
body {
background: #55b4f3;
background: -webkit-gradient(linear, left top, right top, from(#55b4f3), to(#4ebaf8));
background: linear-gradient(90deg, #55b4f3 0%, #232323 100%)
}
@media (max-width: 991.98px) {
.the-main-container {
padding: 0
}
}
.main-body {
background: #02020295;
color: #ffffff;
box-shadow: 0px 5px 22px rgb(80, 70, 80);
border: 1px solid rgb(92, 92, 92);
overflow: hidden;
position: relative;
border-radius: 10px;
}
.main-body header {
padding: 20px 40px 20px;
background: #111111
}
.main-body header .logo amp-img {
height: 50px;
width: 266px
}
@media (max-width: 991.98px) {
.main-body header .logo amp-img {
max-width: 100%
}
}
@media (max-width: 991.98px) {
.main-body header .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
}
.main-body header .main-nav .the-nav {
margin: 0
}
.main-body header .main-nav .the-nav .nav-item {
font-size: 16px;
margin-right: 15px
}
.main-body header .main-nav .the-nav .nav-item a {
color: #ffffff
}
.main-body header .main-nav .the-nav .nav-item:last-child {
margin-right: 0
}
.main-body .featured-image amp-img {
width: 100%;
height: auto
}
.main-body .content-body {
padding: 0 50px 5px
}
@media (max-width: 991.98px) {
.main-body .content-body {
padding: 0 10px 5px
}
}
.main-body .sectiontitle {
font-size: 35px;
line-height: 50px;
font-weight: bold;
position: relative;
padding-bottom: 25px;
margin-bottom: 20px
}
.main-body .sectiontitle:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 5px;
background: #ffffff
}
@media (min-width: 768px) {
.main-body p {
text-align: justify
}
}
.main-body .faq .que {
background: #ffffff;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e8a938));
background: linear-gradient(90deg, #171c46 0%, #003864 100%);
color: rgb(255, 255, 255);
font-weight: bold;
padding: 10px 10px 10px 15px
}
.main-body .faq .ans {
padding: 10px 10px 10px 20px;
border-left: 1px solid white;
margin: 5px 5px 30px 10px
}
a {
color: #ffffff;
}
.responsive {
width: 100%;
height: auto;
}
.the-list li {
margin-bottom: 8px;
list-style: disc;
margin-inline-start: 16px;
}
table {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid purple;
border-collapse: separate;
border-radius: 12px
}
table.table-layout-fixed {
table-layout: fixed
}
table.table-has-caption {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
table caption {
padding: 15px;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
background-color: #000;
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
table tr td,
table tr th {
padding: 10px;
line-height: 24px;
vertical-align: middle;
border: 1px solid #3f3e3e
}
table thead tr th {
background-color: #3f3e3e;
border-bottom: 2px solid #3f3e3e;
color: black;
font-weight: bold;
}
table tr:last-of-type:not(:first-of-type) td,
table tr:last-of-type:not(:first-of-type) th {
border-bottom: none
}
table tfoot tr td,
table tfoot tr th {
border: none
}
table tfoot tr:first-of-type td,
table tfoot tr:first-of-type th {
border-top: 2px solid #e6e9ee
}
table tr td .button,
table tr td button,
table tr th .highlight {
color: #000;
font-size: 20px;
font-weight: 700
}
table tr .responsive-th {
display: none;
overflow: hidden;
position: absolute;
left: 4%;
width: 44%;
color: #000;
font-size: 16px;
text-overflow: ellipsis;
text-align: right;
white-space: nowrap
}
.button.button-secondary,
button.button-secondary {
color: #fff;
background-color: #18214a
}
.button.button-primary,
.button.button-secondary,
button.button-primary,
button.button-secondary {
padding: 7px 22px;
border-radius: 6px
}
.marquee {
width: 100%;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
height: 24px;
font-family: prompt, arial;
text-transform: uppercase;
font-size: 14px;
color: #ffff;
font-style: bold;
margin-bottom: 0px
}
.marquee span {
display: inline-block;
padding-left: 100%;
text-indent: 0;
animation: marquee 30s linear infinite
}
.marquee span:hover {
animation-play-state: paused
}
@keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
p {
text-align: justify
}
.submenu {
color: #5db;
margin: 0
}
.nomargin {
margin: 0
}
.seo-content {
font-size: .12.8em;
color: #d3d3d3;
text-align: justify;
letter-spacing: .1px
}
.btn {
display: grid;
padding: 6px 12px;
margin-bottom: 0;
font-size: large;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:active:focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none
}
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.menu a {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: white;
margin: 0px;
font-size: 18px;
}
.menu {
display: block;
width: 100%;
text-align: center;
background: #3f3e3e;
}
.menu a:hover {
color: gold;
}
.menu a {
display: block;
font-size: 16px;
border: 1px solid white;
}
.tanggal {
font-size: 20px;
}
.btn-primary {
color: #edebeb;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
border-color: #fff;
background-color: #3f3e3e
}
.btn-primary:focus {
color: #fff;
background-color: #2b2b2b;
border-color: #3f3e3e
}
.btn-primary:hover {
color: #3f3e3e;
background-color: #2b2b2b;
border-color: #3f3e3e
}
.btn-primary:active {
color: #fff;
background-color: #2b2b2b;
border-color: #2b2b2b
}
.btn-primary:active:focus,
.btn-primary:active:hover {
color: #fff;
background-color: #2b2b2b;
border-color: #362d2c
}
.btn-primary:active {
background-image: none
}
.container-global {
max-width: 1000px;
margin: 0 auto
}
html {
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
body {
background: url(https://cdn.server808.cloud/bbychil.png) center center no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0;
display: block;
}
label {
font-family: "Raleway", sans-serif;
font-size: 11pt;
}
#forgot-pass {
color: #2dbd6e;
font-family: "Raleway", sans-serif;
font-size: 10pt;
margin-top: 3px;
text-align: right;
}
#card {
margin: -35px;
margin-top: 10px;
width: 100%;
margin-left: 0px;
}
#card-content {
padding: 0px 5px;
}
#card-title {
font-family: "Raleway Thin", sans-serif;
letter-spacing: 4px;
padding-bottom: 23px;
padding-top: 15px;
text-align: center;
color: white;
}
#signup {
color: #2dbd6e;
font-family: "Raleway", sans-serif;
font-size: 10pt;
margin-top: 16px;
text-align: center;
}
#submit-btn {
background: -webkit-linear-gradient(right, #a6f77b, #2dbd6e);
border: none;
border-radius: 21px;
box-shadow: 0px 1px 8px #24c64f;
cursor: pointer;
color: white;
font-family: "Raleway SemiBold", sans-serif;
height: 42.3px;
margin: 0 auto;
margin-top: 50px;
transition: 0.25s;
width: 153px;
}
#submit-btn:hover {
box-shadow: 0px 1px 18px #24c64f;
}
.form {
align-items: left;
display: flex;
flex-direction: column;
}
.form-border {
background: -webkit-linear-gradient(right, #a6f77b, #2ec06f);
height: 1px;
width: 100%;
}
.form-content {
background: #fbfbfb;
border: none;
outline: none;
padding-top: 14px;
}
.underline-title {
background: -webkit-linear-gradient(right, #fff, #fff);
height: 2px;
margin: -1.1rem auto 0 auto;
width: 100%;
}
.contactField.requiredField,
.contactField.contactOption {
height: 35px;
margin-bottom: 0px;
border-radius: 15px;
border: 3px outset;
border-color: #00e146;
text-align: center;
margin-left: -5px;
width: 100%;
}
.form-group {
clear: both;
margin-bottom: 10px;
}
.buttonjoin {
width: 100%;
}
.buttonWrap.button-green {
padding: 10px 26px;
display: block;
line-height: 22px;
border-width: 0;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 12px;
background: linear-gradient(to bottom, #000000 0%, #3f3e3e 100%);
box-shadow: 0px 0px 2px #3f3e3e;
border: 1px solid #000000;
color: #ffffff;
text-transform: uppercase;
border-radius: 17px;
}
.buttonWrap.button-blue {
padding: 10px 26px;
display: block;
line-height: 22px;
box-shadow: inset 0 -2px 0 rgb(255, 255, 255);
border: 1px solid #3f3e3e;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgba(255, 255, 255, 0.7);
margin-bottom: 12px;
background: linear-gradient(to bottom, #3f3e3e 30%, #3f3e3e 70%);
}
.underline {
text-decoration: underline;
}
.right {
text-align: right;
}
.left {
float: left;
}
.right {
float: right;
}
.note {
font-size: 14px;
color: #fff;
margin-bottom: 20px;
font-weight: bold;
}
.center {
text-align: center;
margin-bottom: 10px;
}
.center-bank {
text-align: center;
color: #fff;
font-weight: bold;
margin-left: -5px;
}
.showp {
color: white;
display: flex;
float: right;
}
.bank {
display: inline-block;
background-color: #fff;
padding: 3px 10px 5px 10px;
width: 45%;
margin: 5px 0 0 0;
text-align: left;
border-radius: 6px;
}
.bank {
border-radius: 10px;
padding: 0px;
height: 32px;
width: 45%;
margin-left: 7px;
border: groove 3px;
display: inline-block;
vertical-align: middle;
}
.bank img:first-child {
width: 65px;
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: 2px;
margin-top: 6px;
margin-bottom: auto;
}
.bank img:last-child {
width: 70px;
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.margintop {
margin-top: -20px;
}
.nav {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
align-items: center
}
.logo {
text-align: center;
margin-left: 10px;
margin-top: 10px;
}
.livechat {
align-self: center
}
.buttonlc {
position: absolute;
top: 18px;
right: 10px;
width: 70px;
font-size: 10px;
}
.slc {
top: 85px;
}
.space {
right: 54px;
margin-top: -73px;
}
.buttonWrap.buttonlc2.button-orange {
background-image: linear-gradient(to bottom, #3f3e3e 30%, #3f3e3e 70%);
color: #000000;
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";
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
box-shadow: inset 0 -2px 0 #000000;
border: 3px groove #FFFFFF;
animation: change-color 0.5s ease 0s infinite normal;
border-radius: 0px 18px 0px 18px;
text-align: center;
text-transform: uppercase;
padding: 15px 22px;
}
.page-header {
width: 100%;
z-index: 999999;
border-bottom: 1px solid #3f3e3e;
top: 0;
}
.shead {
height: 75px;
}
.buttonlc2 {
text-align: center;
width: 100%;
height: 15px;
color: #FFFFFF;
padding: 10px 0 10px 0;
display: inline-block;
margin-bottom: 10px;
font-family: aller;
font-size: 14px;
line-height: 12px;
box-shadow: inset 0 -4px 0 rgb(144 92 0);
}
.main {
background-color: #000000;
}
footer#footer {
width: 1170px;
margin: auto;
}
@-webkit-keyframes change-color {
0% {
color: black;
}
50% {
color: white;
}
100% {
color: black;
}
}
@keyframes change-color {
0% {
color: white;
}
50% {
color: white;
}
100% {
color: black;
}
}
.buttonWrap.buttondapk.button-blues.contactSubmitButton {
padding: 10px 26px;
line-height: 22px;
box-shadow: inset 0 0 0 1px #daa520, inset 0 2px 0 0 #daa520, inset 0 4px 4px 2px #b8860b, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #B8860B 0%, #B8860B 50%, #FFD700 95%);
border: 1px solid #ffffff;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 10px;
}
.buttonWrap.button-biru2 {
padding: 10px 26px;
line-height: 22px;
box-shadow: inset 0 0 0 1px #001d48, inset 0 2px 0 0 #001d48, inset 0 4px 4px 2px #004a97, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #00264c 0%, #0042b7 50%, #007eff 100%);
border: 1px solid #005aff;
color: #fff;
border-width: 0;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
margin-bottom: 10px;
height: 23px;
}
.buttonWrap.buttondapk.button-reds.contactSubmitButton {
padding: 10px 26px;
min-width: 43%;
line-height: 25px;
box-shadow: inset 0 0 0 2px #ffffff, inset 0 2px 0 0 #7d7d7d, inset 0 4px 4px 2px #7d7d7d, 3px 3px 3px 1px rgb(0 0 0 / 20%);
background-image: linear-gradient(to bottom, #cccccc 0%, #f9f9f9 50%, #e6e6e6 100%);
border: 0px solid #000000;
color: #000;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
text-align: center;
height: 23px;
margin-bottom: 10px;
}
.contactSubmitButton {
display: block;
margin-right: 0px;
}
.buttondapk {
text-align: center;
margin-bottom: 10px;
font-family: aller;
font-size: 17px;
}
.btn-anim {
transition: all .5s;
position: relative;
overflow: hidden;
}
#more {
display: none;
}
.footer {
font-size: 12px;
color: #868686;
}
.center-text {
color: #fff;
text-align: center;
}
.btn-primary {
color: #fff;
background-color: #b9882a;
border: 3px #fad842 groove;
border-radius: 0px 23px 0px 23px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.keluaran {
width: 99%;
box-shadow: inset 0 0 0 0px #000000, inset 0 50px 0 0 #f3f3f3, inset 0 0 0 3px #f3f3f3, 2px 2px 2px 1px rgb(35 35 35);
background-image: #000;
border-radius: 27px;
border: groove;
}
.keluaran th {
color: #000000;
border-bottom: 2px solid #ffffff;
font-size: large;
}
.list-menu-mobile {
width: 100%;
}
.list-menu-mobile a {
width: 17%;
padding: 0px 3px;
display: inline-block;
}
.list-menu-mobile a img {
width: 100%;
}
#livechat-Avatar808 .guru {
padding: 10px 26px;
line-height: 22px;
background-image: linear-gradient(to bottom, #fa9292 0%, #c94a4a 100%);
border: 1px solid #fa9292;
color: #fff;
border-radius: 20px;
font-weight: 600;
font-size: 18px;
text-align: center;
text-shadow: 2px 1px 9px rgba(0, 0, 0, 0.7)
}
#livechat-Avatar808 div.guru {
background-image: linear-gradient(124deg, #3f3e3e, #3f3e3e, #3f3e3e, #3f3e3e, #3f3e3e, #3f3e3e, #3f3e3e, #DC143C, #DC143C, #DC143C, #DC143C, #DC143C, #DC143C);
color: white;
text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
background-size: 300% 300%;
animation: background-gold 1s infinite;
box-shadow: inset 0 -2px 0 Black;
border: none;
}
@keyframes background-gold {
0% {
background-position: 0% 82%;
}
50% {
background-position: 100% 0%;
}
100% {
background-position: 0% 82%;
}
}
.banner {
cursor: pointer;
transition: all 0.3s ease;
animation: borderPulse 1s infinite ease-out;
}
@keyframes borderPulse {
0% {
filter: drop-shadow(0px 0px 2px #00FF00);
}
50% {
filter: drop-shadow(0px 0px 10px #00FF00)
}
100% {
filter: drop-shadow(0px 0px 2px #00FF00);
}
}
.banner:hover {
animation: none;
filter: brightness(1.5) drop-shadow(0px 0px 20px #00FF00);
}
h1,
h2,
h3,
li {
color: white;
}
</style>
</head>
<body>
<div class="container the-main-container">
<div class="main-body">
<div class="page-header shead">
<a href="https://turudisit.link/avatar808-login" target="_blank" rel="noreferrer noopener"><img class="logo" alt="Avatar808"
src="https://pub-4572b3113de847228bac621b33e279fe.r2.dev/asset%2FDESKTOP-LOGO-AVATAR.gif"
height="70%"></a>
<div class="buttonlc space smartb3 slc">
<a href="https://turudisit.link/avatar808-login"
rel="noopener noreferrer nofollow" target="_blank"
class="buttonWrap buttonlc2 button-orange">LOGIN</a>
</div>
</div>
<p class="marquee" style="color:rgb(246, 246, 243);font-weight:bold;font-size: 11px;border-bottom: 1px solid #FF0000;">
<span>Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025
</span>
</p>
<div class="row mb-5">
<div class="col">
<section>
<div class="featured-image">
<amp-carousel media="(min-width: 801px)" width="auto" height="625" type="slides" autoplay
delay="3000" role="region">
<amp-img
src="https://cdn.server808.cloud/grilsred.png"
width="auto" height="625" title="Avatar808" alt="Avatar808"></amp-img>
</amp-carousel>
<amp-carousel media="(max-width: 800px)" width="auto" height="235" type="slides" autoplay
delay="3000" role="region">
<amp-img
src="https://cdn.server808.cloud/grilsred.png"
width="auto" height="235" title="Avatar808" alt="Avatar808"></amp-img>
</amp-carousel>
</div>
</section>
</div>
</div>
<div class="content-body">
<div id="card">
<div id="card-content">
<div>
<div class="buttonjoin">
<a href="https://turudisit.link/avatar808-login" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttons button-blue contactSubmitButton">LOGIN</a>
</div>
<div class="buttonjoin">
<a href="https://turudisit.link/avatar808-daftar" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">DAFTAR </a>
</div>
<div class="buttonjoin">
<a href="https://turudisit.link/alternatif-1" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">Alternatif 1</a>
</div>
<div class="buttonjoin">
<a href="https://turudisit.link/alternatif-2" target="_blank" rel="noreferrer noopener"
class="buttonWrap buttong button-green contactSubmitButton">Alternatif 2</a>
</div>
</div>
</div>
</div>
<br>
<h3 class="center-bank">🔔 DAFTAR BANK 🔔</h3>
<div class="center-bank">
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bca.webp" alt="BCA" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/mandiri.webp" alt="Mandiri" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bri.webp" alt="BRI" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/bni.webp" alt="BNI" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/danamon.gif" alt="Danamon" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/cimb.webp" alt="CIMB" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/permata.webp" alt="Permata" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/ovo.gif" alt="OVO" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/gopay.webp" alt="Gopay" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/dana.gif" alt="Dana" />
</div>
<div style="margin-left: 5px;" class="bank">
<img src="https://rujak.cc/uploads/pororo/online.webp" alt="Online" />
<img src="https://rujak.cc/uploads/pororo/linkaja.webp" alt="LinkAja" />
</div>
<div style='margin-left: 5px;' class='bank'> <img src='https://rujak.cc/uploads/pororo/online.webp' alt='Avatar808'> <img
src="https://rujak.cc/uploads/pororo/qris.webp" alt='Avatar808'></div>
</div>
<div class="row mb-5">
<div class="col">
<h3 style="text-align: center;">Avatar808 # Situs Jendala Baru Untuk Para Remaja Meraih Bintang Kemenangan di Tahun ini 2025</h3>
<p class="" data-start="76" data-end="607"><a href="https://www.squil2.com/">Avatar808</a> di era digital yang semakin maju, avatar808 hadir sebagai situs revolusioner yang membuka jendela baru bagi para remaja untuk mengejar mimpi dan meraih bintang kemenangan. Lebih dari sekadar platform, avatar808 adalah ruang inspiratif yang menghadirkan berbagai konten edukatif, tantangan kreatif, hingga kompetisi yang memacu potensi generasi muda.</p>
<p class="" data-start="609" data-end="1068">Avatar808 bukan hanya tempat untuk belajar, tetapi juga wadah ekspresi yang mendorong setiap remaja untuk berani menunjukkan siapa mereka. Melalui fitur komunitas yang interaktif, pengguna bisa berbagi karya, berdiskusi tentang ide-ide kreatif, serta membangun koneksi dengan sesama pemuda yang memiliki semangat serupa. Setiap kontribusi di platform ini dihargai, karena avatar808 percaya bahwa setiap suara muda memiliki kekuatan untuk menginspirasi perubahan. <a href="https://www.squil2.com/">AVATAR 808</a> </p>
<table style="width:100%">
<h4>Kreativitas yang Didukung Teknologi</h4>
<p>Dengan dukungan teknologi terkini, avatar808 menyediakan pengalaman pengguna yang mulus dan intuitif. Mulai dari ruang diskusi interaktif, kelas daring, hingga mini-game edukatif—semuanya dirancang untuk mengasah keterampilan dan memperluas wawasan. Baik kamu tertarik pada desain grafis, pengembangan aplikasi, penulisan kreatif, atau dunia e-sport, avatar808 menyediakan jalurnya.</p>
<h4>Langkah Nyata Menuju Masa Depan</h4>
<p>Lebih dari sekadar tempat bersenang-senang, avatar808 adalah batu loncatan menuju peluang nyata. Dengan kolaborasi dari berbagai mitra, termasuk mentor profesional dan komunitas industri, remaja diberi akses ke program beasiswa, pelatihan karier, dan ajang kompetisi berskala nasional. Inilah saatnya generasi muda tidak hanya menjadi penonton, tetapi pelaku utama dalam membentuk masa depan mereka.</p>
<h4>FAQ – Pertanyaan yang Sering Diajukan di Avatar808</h4>
<p><strong>Apakah Avatar808 gratis?</strong></p>
<p>Sebagian besar fitur di Avatar808 dapat diakses secara gratis. Namun, ada juga kelas atau program premium yang bisa diikuti dengan biaya tertentu, dan semuanya dijelaskan secara transparan.</p>
<p><strong>Apakah Aman Bagi Remaja untuk menggunakan Avatar808?</strong></p>
<p>Keamanan dan kenyamanan pengguna adalah prioritas kami. Avatar808 menerapkan kebijakan moderasi konten, perlindungan data pribadi, serta fitur pelaporan untuk mencegah penyalahgunaan atau perundungan.</p>
<p><strong>Cara mendaftar di Avatar808?</strong></p>
<p>Cukup kunjungi situs resmi avatar808, klik “Daftar”, lalu isi data singkat seperti nama, email, dan minat kamu. Pendaftaran bisa dilakukan dalam hitungan menit.</p>
<thead>
<tr>
<th colspan="3"><a><strong style="color: white;">INFORMASI AVATAR808</a></strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Nama Situs</td>
<td>Avatar808</td>
</tr>
<tr>
<td>Metode Deposit</td>
<td>Transfer Bank, E-Wallet, Scan Qris</td>
</tr>
<tr>
<td>Minimal Deposit</td>
<td>Rp. 20.000</td>
</tr>
<tr>
<td>Minimal Withdraw</td>
<td>Rp. 50.000</td>
</tr>
<tr>
<td>Pelayanan</td>
<td>Aktif 24 Jam</td>
</tr>
</tbody>
</table>
</div>
</div>
<br>
<div class="footer">
<div class="wrapper">
<div class="center-text">© Copyright 2025 <a href="https://turudisit.link/avatar808-login">Avatar808</a> | +21 All
Rights Reserved.</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>