/* 
FF5BAE- 5b7fff
*/
html {
    scroll-behavior: smooth;
}

.kontrainer {
    padding:16px 31px;
   /* min-height: 200px; */
}
body{
    color: white;
    background-color: #000c19;
    scroll-behavior: smooth;
}
a{
    color: #fff;
    scroll-behavior: smooth;
    text-decoration: none;
}
.banner {
	background-color:#000c19;
	border:1px solid #5b7fff;
	/* display:inline-block; */
	cursor:pointer;
	padding:16px 31px;
	font-family: Arvo;
}
.start-image {
    background-image: url("/image/wallpaper.jpeg");
    background-size: cover;
    background-position: center;
    height: 100%;
    backdrop-filter: blur(5px);
}
.start-blur {
    backdrop-filter: blur(5px);
    height: 500px;
}
.border {
	border:1px solid #82828282;
}
.text-utama {
    color: #fff;
}
.text-kedua {
    color: #5b7fff;
}
.text-ketiga {
    color: #FF9ACD;
}
.text-keempat {
    color: #000;
}
.text-kelima {
    color: #000c19;
}
.text-keenam {
    color: #090909;
}
.bg-utama {
    background-color: #fff;
}
.bg-kedua {
    background-color: #5b7fff;
}
.bg-ketiga {
    background-color: #FF9ACD;
}
.bg-keempat {
    background-color: #000;
}
.bg-kelima {
    background-color: #000c19;
}
.bg-keenam {
    background-color: #090909;
}
.bg-mono {
    background-color: #090909;
}
.hidden {
    display: none;
}
.stengah-bulat{
    border-radius: 15px;
}
.setengah-bulat{
    border-radius: 15px;
}
.box {
    box-shadow: 3px 4px 0px 0px #5b7fff;
    /* text-shadow: 0 0 10px #5b7fff, 0 0 20px #5b7fff,0 0 30px #5b7fff, 0 0 40px #5b7fff, 0 0 50px #5b7fff; */
}
.a:hover {
    top: 3px;
    margin-left: 4px;
    box-shadow: 3px 4px 0px 0px #5b7fff00;
    /* text-shadow: 0 0 10px #5b7fff, 0 0 20px #5b7fff,0 0 30px #5b7fff, 0 0 40px #5b7fff, 0 0 50px #5b7fff; */
}
.a {
    box-shadow: 3px 4px 0px 0px #5b7fff;
    /* text-shadow: 0 0 10px #5b7fff, 0 0 20px #5b7fff,0 0 30px #5b7fff, 0 0 40px #5b7fff, 0 0 50px #5b7fff; */
}
.neon {
    color: white;
    text-shadow: 0 0 10px #5b7fff, 0 0 20px #5b7fff,0 0 30px #5b7fff, 0 0 40px #5b7fff, 0 0 50px #5b7fff;
}
.neon-hover {
    text-shadow: 0 0 0px #5b7fff, 0 0 0px #5b7fff,0 0 0px #5b7fff, 0 0 0px #5b7fff, 0 0 0px #5b7fff;
    transition: ease-in-out 1s;
}
.neon-hover:hover {
    transition: ease-in-out 1s;
    color: white;
    text-shadow: 0 0 10px #5b7fff, 0 0 20px #5b7fff,0 0 30px #5b7fff, 0 0 40px #5b7fff, 0 0 50px #5b7fff;
}
.logo {
	font-family: Iceberg;
}
.gede1 {
    font-size: 50px;
}
.gede2 {
    font-size: 30px;
}
.gede3 {
    font-size: 25px;
}
.gede4 {
    font-size: 20px;
}
.gede5 {
    font-size: 15px;
}
.ka-left {
    animation: sret-left 3s;
}
.ka-right {
    animation: sret-right 3s;
}
.loop-left {
    animation: loopa-left 60s;
}
.loop-right {
    animation: loopa-right 60s;
}
div{
    float: center;
}
kaki{
    margin-right: 20%;
}

Barqah-Drop1 {
    animation: sret-kebawah 1s;
}
Barqah-Drop2 {
  position: relative;
    animation: sret-kebawah 2s;
}
Barqah-Drop3 {
  position: relative;
    animation: sret-kebawah 3s;
}
Barqah-Drop4 {
  position: relative;
    animation: sret-kebawah 4s;
}
Barqah-Drop5 {
  position: relative;
    animation: sret-kebawah 5s;
}
Barqah-Drop6 {
  position: relative;
    animation: sret-kebawah 6s;
}
Barqah-Drop7 {
    position: relative;
    animation: sret-kebawah 7s;
}
Barqah-Drop8 {
    position: relative;
    animation: sret-kebawah 8s;
}
Barqah-Drop9 {
    position: relative;
    animation: sret-kebawah 9s;
}
Barqah-Drop10 {
    position: relative;
    animation: sret-kebawah 10s;
}
Barqah-Drop11 {
    position: relative;
    animation: sret-kebawah 11s;
}
Barqah-Drop12 {
    position: relative;
    animation: sret-kebawah 12s;
}
Barqah-Drop13 {
    position: relative;
    animation: sret-kebawah 13s;
}
Barqah-Drop14 {
    position: relative;
    animation: sret-kebawah 14s;
}
Barqah-Drop15 {
    position: relative;
    animation: sret-kebawah 15s;
}
Barqah-Drop16 {
    position: relative;
    animation: sret-kebawah 16s;
}
Barqah-Drop17 {
    position: relative;
    animation: sret-kebawah 17s;
}
Barqah-Drop18 {
    position: relative;
    animation: sret-kebawah 18s;
}
Barqah-Drop19 {
    position: relative;
    animation: sret-kebawah 19s; 
}
Barqah-Drop20 {
    position: relative;
    animation: sret-kebawah 20s;
}
Barqah-Drop21 {
    position: relative;
    animation: sret-kebawah 21s;
}
Barqah-Drop22 {
    position: relative;
    animation: sret-kebawah 22s;
}
Barqah-Drop23 {
    position: relative;
    animation: sret-kebawah 23s;
}
Barqah-Drop24 {
    position: relative;
    animation: sret-kebawah 24s;
}
Barqah-Drop25 {
    position: relative;
    animation: sret-kebawah 25s;
}
Barqah-Drop26 {
    position: relative;
    animation: sret-kebawah 26s;
}
Barqah-Drop27 {
    position: relative;
    animation: sret-kebawah 27s;
}
Barqah-Drop28 {
    position: relative;
    animation: sret-kebawah 28s;
}
Barqah-Drop29 {
    position: relative;
    animation: sret-kebawah 29s;
}
Barqah-Drop30 {
    position: relative;
    animation: sret-kebawah 30s;
}
ngambang {
    position: relative;
    animation: ngambang 3s infinite;
}
.ngambang {
    position: relative;
    animation: ngambang 3s infinite;
}
muter {
    position: relative;
    animation: muter 3s infinite;
}
.muter {
    position: relative;
    animation: muter 3s infinite;
}
nontif {
    position: fixed;
    width: 300px;
    /* height: 150px; */
    top: 50%;
    left: 50%;
    /* margin-top: -0px; */
    /* Negative half of height. */
    margin-left: -180px;
    /* Negative half of width. */
    animation: nontifan 5s;
}
hr{
    color: #5b7fff;
    /*animation: sret-kekanan 10s infinite; */
}
input{
    color: #5b7fff;
	background-color:#000c19;
	border:1px solid #5b7fff;
	display:inline-block;
	cursor:pointer;
	padding:5px 10px;
	font-family: Arvo;
}
input:focus{
    color: #5b7fff;
}





.li-bulat li:before {
  content: "\2022  "; /* kode karakter untuk titik */
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-left: -0em;
  margin-right: 0.5em;
  font-weight: bold;
}

.bold {
    font-weight: bold;
}


@keyframes nontifan{
    0% {
        top: -1000px;
    }
    10% {
        top: 10px;
    }
    15% {
        top: 0px;
    }
    75% {
        top: 0px;
    }
    80% {
        top: -100px;
    }
    100% {
        top: -1000px;
    }
}
    
@keyframes sret-kekanan{
    0%{
        width: 0%;
    }
    25%{
        width: 100%;
    }
    50%{
        width: 0%;
    }
    75%{
        width: 100%;
    }
    100%{
        width: 0%;
    }
}
@keyframes sret-left{
    0% {
        left: -1000px;
    }
    90% {
        left: 10px;
    }
    100% {
        left: 0px;
    }
}
@keyframes sret-right{
    0% {
        right: -1000px;
    }
    90% {
        right: 10px;
    }
    100% {
        right: 0px;
    }
}
@keyframes loopa-left{
    0% {
        left: -1000px;
    }
    9% {
        left: 10px;
    }
    10% {
        left: 0px;
    }
    90% {
        right: -1000px;
    }
    99% {
        right: 10px;
    }
    100% {
        right: 0px;
    }
    
}
@keyframes loopa-right{
    0% {
        right: -1000px;
    }
    90% {
        right: 10px;
    }
    100% {
        right: 0px;
    }
}
@keyframes sret-kebawah {
    0% {
        top: -1000px;
    }
    90% {
        top: 10px;
    }
    100% {
        top: 0px;
    }
}
@keyframes ngambang {
    0% {
        top: -5px;
    }
    60% {
        top: 2.5px;
    }
    100% {
        top: -5px;
    }
}
@keyframes muter {
    0% {
        rotate: 0;
    }
    100% {
        rotate: 360;
    }
}