@font-face {
    font-family: EpicFusion;
    src: url(../fonts/epic_fusion/EpicFusion.ttf);
}

@font-face {
    font-family: CaviarDreams;
    src: url(../fonts/caviar_dreams/CaviarDreams.ttf);
}

@font-face {
    font-family: Desyrel;
    src: url(../fonts/desyrel/DESYREL_.ttf);
}

@font-face {
    font-family: blzee;
    src: url(../fonts/blzee.ttf);
}


:root {
    --main-bg-color: rgb(212, 198, 171);
    --accent-color: rgb(163, 126, 86);
    --accent-color-light: rgb(179, 148, 111);
    --ivoire: rgb(226, 214, 189);
}

a {
    color: var(--accent-color);
}

a:hover {
    color: var(--accent-color-light);
}

.navbar-brand {
    font-size: 1.75rem;
}

.text-bg-primary {
    background-color: var(--accent-color) !important;
}

.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.btn-primary:hover {
    background-color: var(--accent-color-light);
    border-color: var(--accent-color-light);
}

body {
    font-family: "CaviarDreams", Arial, Helvetica, sans-serif;
    font-size: 20px;
    background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
    linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0),
    linear-gradient(45deg, transparent 12%, #dca 0, #dca 30%, transparent 0) #753;
    background-size: 4px 4px;
    padding:25px 0;
}

.blzee {
    font-family: blzee, serif;
}

.desirel {
    font-family: Desyrel, serif;
}

.justify {
    text-align: justify;
}

nav {
    background-color: var(--main-bg-color);
    font-weight: bolder;
    font-family: Desirel, sans-serif;
}

nav .navbar-brand {
    width: 100%;
}

@media (max-width: 991px) {
    nav .navbar-brand {
        width: auto;
    }
}

.navbar-collapse-right {
    flex-basis: auto;
    flex-grow: 0
}

#login {
    background-color: #fff;
    border-radius: 10px;
    padding: 16px;
}