@font-face {
    font-family: 'Righteous';
    src: url('/assets/fonts/Righteous-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
}

:root {
    --background-clr: #283e3e;
    --background-accent-clr: #324f4f;
    --blue-clr: #47bcdf;
    --green-clr: #6ede9a;
    --white-clr: #ffffff;
    --card-border-radius: 25px;
    --dark-green: #1a3d2e;
    --dark-teal: #2c5f5f;
    --orange-clr: #f39c12;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--background-clr);
    color: var(--white-clr);
}

.title {
    font-family: 'Righteous', sans-serif;
}