html, body {
    font-family: 'Open Sans', sans-serif;
}

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

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

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

@font-face {
    font-family: 'Lato-Heavy';
    font-style: normal;
    font-weight: 900;
    src: url('../../../../Fonts/Lato-Black.ttf') format('truetype');
}


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

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

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

/*BebasNeue*/
@font-face {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Fonts/BebasNeue-Regular.ttf') format('truetype');
}

/*DarkerGrotesque*/
@font-face {
    font-family: 'DarkerGrotesque';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Fonts/DarkerGrotesque-Regular.ttf') format('truetype');
}

/*Poppins*/
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Fonts/Poppins-Regular.ttf') format('truetype');
}

/*EBGaramond-Regular*/
@font-face {
    font-family: 'EBGaramond';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Fonts/EBGaramond-Regular.ttf') format('truetype');
}

/*Metropolis-Light*/
@font-face {
    font-family: 'Metropolis-Light';
    font-style: normal;
    src: url('../../../../Fonts/Metropolis-Light.otf') format('truetype');
}

/*Metropolis-Regular*/
@font-face {
    font-family: 'Metropolis-Regular';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Fonts/Metropolis-Regular.otf') format('truetype');
}


/*Metropolis-Medium*/
@font-face {
    font-family: 'Metropolis-Medium';
    font-style: normal;
    src: url('../../../../Fonts/Metropolis-Medium.otf') format('truetype');
}

/*Metropolis-SemiBold*/
@font-face {
    font-family: 'Metropolis-SemiBold';
    font-style: normal;
    src: url('../../../../Fonts/Metropolis-SemiBold.otf') format('truetype');
}

/*Metropolis-SemiBold*/
@font-face {
    font-family: 'DMSans';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Fonts/DMSans-Regular.ttf') format('truetype');
}

/*RedHatDisplay*/
@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Fonts/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
}