@import url("mulish.css");

:root {
    --bs-font-sans-serif: "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bg-image-full {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    min-height: 400px;
}
@media(min-width: 768px) {
    .bg-image-full {
        min-height: 420px;
    }
}
@media(min-width: 992px) {
    .bg-image-full {
        margin-top: -56px;
        min-height: 510px;
    }
}
@media(min-width: 1200px) {
    .bg-image-full {
        min-height: 590px;
    }
}
@media(min-width: 1400px) {
    .bg-image-full {
        min-height: 807px;
    }
}

#cover-pai {
    background-image: url('images/cover-pai.jpg');
}
#cover-vlog {
    background-image: url('images/cover-vlog.jpg');
}
#cover-tenismeja {
    background-image: url('images/cover-tenismeja.jpg');
}
#cover-poster {
    background-image: url('images/cover-poster.jpg');
}
#cover-cerpen {
    background-image: url('images/cover-cerpen.jpg');
}