/* INDEX */
html{
    margin: 0;
    padding: 0;
}

body {}

.container-bab {
}

.ul-bab {
}

.li-bab {
    list-style-type: none;
}

#merah {
    font-weight: bold;
}

.a-bab {
    display: flex;
    text-decoration: none;
    color: black;
    background-color: whitesmoke;
    box-shadow: 2px 4px black;
}
/* FOLDER BAB */
.isi-p {
    text-align: justify;
}


.judul-nav {
    color: whitesmoke;
    text-align: center;
    font-size: 4vh;
}

.li-bab1 {
    list-style-type: none;
}

.a-bab1 {
    display: flex;
    text-decoration: none;
    color: black;
    font-size: 3vw;
}

.table {
    font-size: 2.1vw;
}

/* FOLDER KOTOBA */
.nav-menu {
    background-color: darkslategrey;
    position: sticky;
    top: 0;
}

.ul-kotoba {
    display: flex;
    list-style-type: none;
    margin: 5px;
}

.li-kotoba {
    list-style-type: none;
}

.kotoba {
    background-color: whitesmoke;
    color: black;
    text-decoration: none;
    margin: 10px;
    font-size: 2.5vw;
}


.kotoba1 {
    background-color: whitesmoke;
    color: black;
    text-decoration: none;
    margin: 10px;
    font-size: 2.5vw;
}


.vidio {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vidio-item {
    width: 90vw;
    height: auto;
}

/* FOLDER RENSYUU */
.border-rensyuu {
    border: 3px solid black;
    text-align: justify;
    padding: 10px;
}

.gambar {
    height: auto;
    width: 50vw;
}

#aaaab {
    font-size: 4vw;
}

/* FOLDER PROGRESIF */
@media (max-width: 768px) {
    body {
        font-size: 20px;
    }
    .kotoba {
        font-size: 5.5vw;
    }
    .kotoba1 {
        font-size: 5.5vw;
    }
    .a-bab {
        font-size: 2.5vw;
    }
    .gambar {
        height: auto;
        width: 90vw;
    }
    .judul-nav {
        font-size: 5.5vw;
    }
    .table {
        font-size: 3.9vw;
        display: flex;
        justify-content: center;
        border-collapse: collapse;
    }
    .container {
        margin: 0 auto;
    }
    .a-bab1 {
        font-size: 1vw;
    }
}