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

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

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

:root {
    --background-clr: #283e3e;
    --background-accent-clr: #324f4f;
    --blue-clr: #47bcdf;
    --green-clr: #6ede9a;
    --purple-clr: #a48da;
    --orange-clr: #e2a661;
    --white-clr: #ffffff;
}

body {
    font-family: monsterrat_regular;
    background-color: var(--background-clr);
    color: var(--white-clr);;
}

.title{
    font-family: righteous;
}