@font-face {
    font-family: 'AvertaBold';
    src: local('AvertaBold'),
    url('./fonts/Averta/AvertaBold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'AvertaRegular';
    src: local('AvertaRegular'),
    url('./fonts/Averta/AvertaRegular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: local('Comfortaa'),
    url('./fonts/Comfortaa/Comfortaa.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Forum';
    src: local('Forum'),
    url('./fonts/Forum/Forum.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter'),
    url('./fonts/Inter/Inter.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat'),
    url('./fonts/Montserrat/Montserrat.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: local('Montserrat-Italic'),
    url('./fonts/Montserrat/Montserrat-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: local('Nunito'),
    url('./fonts/Nunito/Nunito.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Nunito-Italic';
    src: local('Nunito-Italic'),
    url('./fonts/Nunito/Nunito-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'),
    url('./fonts/Open_Sans/OpenSans.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: local('OpenSans-Italic'),
    url('./fonts/Open_Sans/OpenSans-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: local('Oswald'),
    url('./fonts/Oswald/Oswald.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Play';
    src: local('Play'),
    url('./fonts/Play/Play-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Play-Bold';
    src: local('Play-Bold'),
    url('./fonts/Play/Play-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: local('Raleway'),
    url('./fonts/Raleway/Raleway.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Italic';
    src: local('Raleway-Italic'),
    url('./fonts/Raleway/Raleway-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Tektur';
    src: local('Tektur'),
    url('./fonts/Tektur/Tektur.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Thin.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-LightItalic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Light.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-MediumItalic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-display: swap;
    src: local('Roboto'),
    url('./fonts/Roboto/Roboto-Black.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    font-display: swap;
    src: local('Rubik'),
    url('./fonts/Rubik/Rubik.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    font-display: swap;
    font-style: italic;
    src: local('Rubik'),
    url('./fonts/Rubik/Rubik-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    font-display: swap;
    font-style: italic;
    src: local('Ubuntu'),
    url('./fonts/Ubuntu/Ubuntu-Regular.ttf');
    font-display: swap;
}