body {
    font-family: 'poppins', Arial, sans-serif;
}
/*HALAMAN INDEX*/

/*NAVBAR*/
#main-navbar a.active, #main-navbar a:hover {
    border-bottom: 3px solid green;
    transition: border-color 800ms;
}

.navbar a {
    color: green;
}

/*VISI dan MISI*/
.visi-misi {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/gallery1.jpeg');
    background-position: center;
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.visi-misi h1 {
    color: magenta;
}

.visi-misi h1:hover {
    transform: scale(1.3);
    transition: 1.5s;
}

.visi-misi p {
    font-family: 'poppins';
    font-size: 20px;
}

#footer a {
    text-decoration: none;
    color: white;
}


/*HALAMAN ABOUT US*/

/*ABOUT*/
#about {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/gallery1.jpeg');
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.about h1 {
    color: magenta;
}

.about h1:hover {
    transform: scale(1.3);
    transition: 1.5s;
}

.about p {
    font-family: 'Poppins';
    font-size: 20px;
}

/*HALAMAN TEAM*/
#team .text-magenta {
    color: magenta;
}

#team .text-bayang {
    transition: 1s;
}

#team .text-bayang:hover {
    text-shadow: 5px 5px 10px magenta;
}

#team .bayang {
    transition: 1s;
}

#team .bayang:hover {
    box-shadow: 5px 5px 20px 3px grey;
} 

/*HALAMAN MENU*/
#description .text-magenta {
    color: magenta;
}

.description p {
    font-size: 20px;
}

/*HALAMAN PROMO*/
.gallery h1 {
    color: magenta;
}

.gallery h1:hover {
    color: black;
    transform: rotate(20deg);
    scale: 1.2;
    transition: 1.5s;
}

/*HALAMAN CONTACT*/
#contact {
    background-image: url(../img/hero4.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
}

.contact h1, .location h1 {
    color: magenta;
}

.information a {
    text-decoration: none;
    color: magenta;
}

/*HALAMAN TESTIMONI*/
#testimoni {
    background-image: url(../img/hero4.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
}

.testimoni h1 {
    color: magenta;
}
