body,
html {
    width: 100vw;
    max-width: 100vw;
    min-width: 100vw;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: Comic Sans MS, Helvetica Neue, Microsoft Yahei, -apple-system, sans-serif !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: url(/assets/default.cur), auto !important;
    height: 100%;
}

.navbar-toggler {
    height: 0.5rem;
    margin: 0;
    padding: 0;
    border: 0;
}

#random_video {
    max-width: 100%;
    max-height: 100%;
    width: 26rem;
    height: auto;
}

.img-card {
    max-width: 300px;
    min-width: 300px;
    width: 300px !important;
    height: 168px !important;
    max-height: 168px !important;
}

.offcanvas {
    background-color: rgba(0, 0, 0, 0.6);
}

.offcanvas-body {
    background-color: transparent;
}

.count-badge,
#subfolders_btn {
    visibility: hidden;
}

#image-modal,
.modal-content {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
}

.fa-clover:hover {
    transform: rotate(360deg);
    transition: transform 0.5s ease;
}

.fa-clover:active {
    transform: rotate(720deg);
    transition: transform 0.5s ease;
}

footer {
    position: fixed;
    bottom: 0;
    text-wrap: balance;
}