/* ? font sekolah penggerak */
@import url("https://fonts.googleapis.com/css2?family=Frijole&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Quicksand", sans-serif;
}

:root {
    --white: #fff;
    --light: #f6f6f6;
    --dark: #343a40;
    --hijau: #073e29;
    --hijau-muda: #92e3a9;
    --hitam: #1e293b;
}
.jumbotron {
    max-height: 350px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

/* ? Ukuran Desktop ======================= */
@media screen and (min-width: 1008px) {
    .jumbotron h1 {
        text-align: center;
        line-height: 280px;
        font-weight: 800;
        font-size: 40px;
        color: var(--white);
    }
}
/* ? Ukuran Tablet ======================= */
@media (min-width: 641px) and (max-width: 1007px) {
    .jumbotron h1 {
        text-align: center;
        line-height: 250px;
        font-weight: 800;
        font-size: 40px;
        color: var(--white);
    }
}
/* ? Ukuran HandPhone ======================= */
@media screen and (max-width: 640px) {
    .jumbotron h1 {
        text-align: center;
        line-height: 300px;
        font-weight: 800;
        font-size: 30px;
        color: var(--white);
    }
}