@import url('https://fonts.googleapis.com/css2?family=Viga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Paprika&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap');
font-family: 'Lobster Two', cursive;

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
font-family: 'Patrick Hand', cursive;

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
font-family: 'Fredoka One', cursive;

@import url('https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap');
font-family: 'Lobster Two', cursive;

@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
font-family: 'Audiowide', cursive;

@import url('https://fonts.googleapis.com/css2?family=Macondo+Swash+Caps&display=swap');
font-family: 'Macondo Swash Caps', cursive;




.navbar-brand {
	font-family: 'Viga', sans-serif;
}




/*.kotak {
    width: 60px;
	height: 330px;
	background-color: #99ccff;
	margin-left: 0px;
	border-top: 40px solid salmon;
	border-bottom: 8px solid blue;
	border-radius: 60px 0 80px 0;
}*/

body {

	background-image: url(img/layar.png);

}


/*kop open*/
.kop img {
    /*margin-top: 9px;
    margin-left: 3em;*/
}




.sk {
    /*margin-left: 10em;
    margin-bottom: -3mm;*/
	font-family: 'Paprika', cursive;
	/*text-align: center;*/
	font-weight: bold;

	text-shadow: 5px 5px 10px green, -5px -5px 10px rgb(124, 22, 219);
}

.ag {
    /*margin-left: 10rem;
   margin-top: 1mm;*/
   font-family: 'El Messiri', sans-serif;
   font-weight: bold;

	text-shadow: 5px 5px 10px green, -5px -5px 10px rgb(124, 22, 219);
}
/*kop close*/

/*nav hover*/
.navbar-nav li a {
    transition: all .8s;

}

.navbar-nav li a:hover {
    /*background-color: slategrey;*/
	background-color: rgb(170, 182, 194);
	border-radius: 20px;
	
}

/*nav hover*/



.carousel-item h5 {
	color: white;
}

.carousel-item p {
	color: white;
}


.carousel-indicators {
	color: cyan;
}
/*sas caorousel open*/


/* edt open*/


/* edt close*/

/*sas caorousel close*/