@font-face {
    font-family: DarumaDrop;
    src: url(DarumadropOne-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-VariableFont_wght.ttf);
}

:root {
    --clr-red: #ab1c1c; /* main color */
    --clr-red-dark: #94160f;
    --clr-yellow: #f2be17; /* secondary color */
    --clr-yellow-dark: #fe9700;
    --clr-blue: #034d90; /* ternary color */
    --clr-white: #fcfcfc;
    --clr-black: #1d1d1b;
}

body {
    background-color: var(--clr-white);
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--clr-white);
    color: var(--clr-black);
    line-height: 1.6;
}

h1 {
    font-family: 'DarumaDrop', sans-serif;
    color: var(--clr-red);
}