@font-face {
    font-family: 'Saira';
    src: url("/static/font/Saira-Regular.fb67c607c8cf.ttf")format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --gras-dark-green: #072415;
    --gras-green: #2F5E1D;
    --gras-lime: #5DA126;
    --gras-light-green: #DEEDC6;
    --gras-light-gray: #F9F8F2;
    --gras-light-purple: #DAC6F6;
    --gras-purple: #58355E;
    --gras-light-orange: #ED8D45;
    --gras-orange: #BA5624;
    --gras-yellow: #FBC61A;
    --header-color: var(--gras-dark-green);
    --header-font-color: var(--gras-light-gray);
    --header-font-color-active: var(--gras-lime);
    --footer-color: var(--gras-dark-green);
    --footer-font-color: var(--gras-light-gray);
    --logo-color: var(--gras-lime);
    --bg-color: var(--gras-light-gray)
}

body {
    background-color: rgba(47, 94, 29, 1);
    font-family: "Saira", sans-serif;
    font-size: 14pt;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.content {
    background-color: rgba(249, 248, 242, 1);
    border-radius: 5px;
    padding: 12px;
}

.navbar {
    background-color: var(--header-color);
    font-size: 1.5em;
}

.nav-link {
    color: var(--header-font-color);
}

.nav-link:hover {
    color: var(--header-font-color-active);
}

.navbar-nav .nav-link.active {
    color: var(--header-font-color-active);
}

.navbar-nav .nav-link.show {
    color: var(--header-font-color-active);
}

.logo-color {
    fill: var(--logo-color)
}

.dropdown-item.active {
    background-color: var(--header-font-color-active);
}

header {
    margin-bottom: 2em;
}

footer {
    margin-top: auto;
    background-color: var(--footer-color);
}

footer .text-body-secondary {
    color: var(--footer-font-color) !important;
}

a {
    color: inherit;
}

.navbar-toggler{
    border-color: var(--gras-light-gray);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32'  xmlns= 'http://www.w3.org/2000/svg' %3E%3Cpath stroke= 'rgba(249, 248, 242, 0.8)' stroke-width= '2' stroke-linecap= 'round' stroke-miterlimit= '10' d= 'M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E ");
}

.card{
    background-color: var(--gras-light-gray);
}

.badges{
    margin-bottom: 1em;
}