@import url(https://fonts.googleapis.com/css?family=Lobster);
.navbar-brand {
    font-family: "Lobster";
}

.content-div {
    text-align: left;
    background-color: rgba(0,0,0,0);
}

.error-alert {
    text-align: left;
}

@media (min-width: 768px) {
    .content-div-padding {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

@media (max-width: 768px) {
    .content-div-padding {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

.navbar::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    content: "";
    background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95));
}