@font-face {
    font-family: 'LibreBaskerville';
    src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LibreBaskerville';
    src: url('../fonts/LibreBaskerville-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'LibreBaskerville';
    src: url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


:root {
    --primary: #2d764b;
    --secondary: #dc2828;
    --background: #fcfcfc;
    --foreground: #1c221f;
    --accent: #e3f2e9;
    --muted: #eef1ef;
    --topbar-bg: #276842;


    --primary-dark: #36a162;
    --secondary-dark: #df3a3a;
    --background-dark: #0d110f;
    --foreground-dark: #f2f2f2;
}


.main-footer {
    padding: 32px 0;
    background-color: var(--foreground);
    color: var(--background);
}

.main-footer .footer-bottom {
    border-top:1px solid rgb(var(--background) / .1);
}