body {
    font-family: 'Poppins', sans-serif;
    background: aliceblue;
}

html{
    scroll-behavior: smooth;
}


/* navbar style */
.navbar{
    z-index: 99999999;
}

.navbar-brand{
    font-weight: 700;
    font-size: 20px;
}

.nav-link{
    font-size: 16px;
}

.nav-link.active{
    font-weight: 700;
}

/* hero section style */
#hero{
    background: linear-gradient(160deg, royalblue, black);
    height: 97.2vh;
    width: 100%;
}

.img-hero{
    height: 77%;
    z-index: 99;
}

.hero-tagline{
    z-index: 9999;
    padding-top: 80px;
    h1{
        color: white;
        font-weight: 700;
        font-size: 50px;
        line-height: 72px;
    }
    p {
        font-size: 16px;
        color: white;
        margin-bottom: 60px;
        margin-top: 20px;
        line-height: 30px;
        width: ;
    }
}

button.buttonklik{
    width: 230px;
    height: 70px;
    background-color: #fff;
    color: royalblue;
    border: none;
    font-size: 20px;
    font-weight: 700;
}

/* sejarah style */
.frontoverlay .overlay{
    transform: scale(1);
    transition: all ease-in-out .3s;
}

.frontoverlay .overlay:hover{
    transform: scale(1.2);
    transition: all ease-in .3s;
}

/* program style */
#program{
    background: linear-gradient(160deg, royalblue, black);
}

.card{
    background: transparent;
    box-shadow: 2 white;
    color: #fff;
}


/* galeri style */
#galeri h2{
    font-size: 40px;
}

.card-fitur h5 {
    font-weight: 600;
}

.card-fitur span{
    font-size: 14px;
}

.card-fitur .overlay{
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    transition: all ease-in-out .3s;
}

.card-fitur .overlay:hover{
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    transition: all ease-in .3s;
}

.card-text {
    font-size: 14px;
}

/* footer style */
#footer {
    h2 {
        font-size: 30px;
        font-weight: 700;
    }
}