/* navbar */
.navbar {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    left: 0;
    top: 0;
}

/* navbar-wrapper */
.navbar-wrapper {
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    padding: 4px 16px;
}

.bg-container {
    height: calc(80vh - 64px);
}

.centered {
    letter-spacing: 0.25em !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal {
    transition: opacity 0.25s ease;
}