@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');


.questrial-regular {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Questrial", sans-serif;
}

.navbar1 {
    background-color: #ff0000;
}

.navbar2 {
    background-color: #d400ff;
    /* Warna latar belakang navbar */
    display: flex;
    justify-content: center;

    /* Padding agar konten tidak terlalu rapat */
    position: sticky;
    top: 0;
    z-index: 10;
}

.navbar2 .nav-menu {
    display: flex;
    gap: 18px;
    /* Jarak antar link */
}

.navbar3 {
    background-color: #0080ff;
}

.navbar4 {
    background-color: #7bff00;
}

.navmain {
    font-family: "Questrial", sans-serif;
    font-size: 18px;
}

.nav-menu a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    padding: 10px 12px;
    cursor: pointer;
}

.nav-menu a:hover {
    border-bottom: 1px solid;
}
p {
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;
    font-size: medium;
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-brand span {
    margin-left: 8px;
}



.navbar .dropdown-menu a {
    color: #000;
    padding: 8px 16px;
    display: block;
}



.dropdown-menu-end {
    margin-left: 20px;
    /* Menambahkan jarak antara text dan dropdown */
}

.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.dropdown-menu {
    display: none;
    transition: visibility 0.5s, opacity 0.s linear;
}

.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}