/* =============== reset =============== */
*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Montserrat', sans-serif;
}

/* =============== delcon website =============== */

delcon>navigasi {
    display: block;
    height: 10vh;
}

delcon>infoatas {
    display: block;
    height: 15vh;
}

delcon>infogambar {
    display: block;
    /* height: 50vw; */
    height: 66vw;
}

delcon>konten {
    display: block;
}

delcon>infobawah {
    display: block;
}

delcon>copyright {
    display: block;
}

/* =============== end delcon website =============== */

/* =============== copyright =============== */

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5vh;
    font-size: 11px;
    background-color: #043927;
    color: white;
}

/* =============== end copyright =============== */


/* ******************** #DESKTOP# ******************** */
@media only screen and (min-width: 768px) {

    delcon>navigasi {
        height: 8vh;
    }

    delcon>infoatas {
        height: 12vh;
    }

    delcon>infogambar {
        height: 80vh;
    }

    delcon>infobawah {
        display: flex;
    }


    /* >>>>>>>>>> test tabel proyek  <<<<<<<<<< */

    delcon>konten table {
        width: 100%;
    }

    /* ***** header  ***** */
    delcon>konten thead {
        background-color: green;
        text-align: center;
    }

    delcon>konten th {
        padding: 1vh 1vw;
        /* background-color: teal; */
        color: white;
    }

    /* ***** body  ***** */
    delcon>konten tr>td {
        padding: 2px 5px;
    }

    delcon>konten tr:nth-child(odd)>td {
        background-color: lightcyan;
    }

    delcon>konten tr:nth-child(even)>td {
        /* background-color: #87ce99; */
        background-color: skyblue;
    }

    delcon>konten tr:nth-child(odd):hover td {
        background-color: mediumseagreen;
        color: white;
    }

    delcon>konten tr:nth-child(even):hover td {
        background-color: mediumturquoise;
        color: white;
    }

}