@font-face {
    font-family: "Roboto";
    font-weight: 300;
    src: url("/fonts/Roboto/Roboto-Light.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    src: url("/fonts/Roboto/Roboto-Regular.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 500;
    src: url("/fonts/Roboto/Roboto-Medium.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 700;
    src: url("/fonts/Roboto/Roboto-Bold.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-weight: 800;
    src: url("/fonts/Roboto/Roboto-Black.woff") format("woff");
}

@font-face {
    font-family: "SofiaPro";
    font-weight: 600;
    src: url("/fonts/SofiaPro/SofiaProSemiBold.woff") format("woff");
}

/* Knewave */
@font-face {
    font-family: 'Knewave';
    src: url('/fonts/Knewave/Knewave-Regular.ttf') format("truetype");
    font-weight: 400;
}

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

/* DynaPuff Regular / Have multiple font weights and styles in the fonts folder */
@font-face {
    font-family: 'DynaPuff';
    src: url('/fonts/DynaPuff/DynaPuff-Regular.ttf') format('truetype');
    font-weight: 400; 
}

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

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

/* Playfair Display  Medium / Have multiple font weights and styles in the fonts folder */
@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/Playfair_Display/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
}

/* Playfair Display Bold*/
@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
}

/* Noto Serif Medium / Have multiple font weights and styles in the fonts folder */
@font-face {
    font-family: 'Noto Serif';
    src: url('/fonts/Noto_Serif/NotoSerif_Condensed-Medium.ttf') format('truetype');
    font-weight: 500;
}

/* Noto Serif Bold */
@font-face {
    font-family: 'Noto Serif';
    src: url('/fonts/Noto_Serif/NotoSerif-Bold.ttf') format('truetype');
    font-weight: 700;
}

/* Bebas Neue */
@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 400;
}

/* Russo One */
@font-face {
    font-family: 'Russo One';
    src: url('/fonts/Russo_One/RussoOne-Regular.ttf') format('truetype');
    font-weight: 400;
}

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

/* Cascadia Mono Medium / Have multiple font weights and styles in the fonts folder  */
@font-face {
    font-family: 'Cascadia Mono';
    src: url('/fonts/Cascadia_Mono/CascadiaMono-Medium.ttf') format('truetype');
    font-weight: 500;
}

/* Cascadia Mono Bold */
@font-face {
    font-family: 'Cascadia Mono';
    src: url('/fonts/Cascadia_Mono/CascadiaMono-Bold.ttf') format('truetype');
    font-weight: 700;
}

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

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

html,
body,
#root {
    font-family: Roboto, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 500;
}

.sofia-pro-text {
    font-family: 'SofiaPro', Helvetica, sans-serif;
}