@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 200;
    src: local('Red Hat Display'), url('./RedHatDisplay-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 200;
    src: local('Red Hat Display'), url('./RedHatDisplay-LightItalic.ttf') format('truetype');
}



@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    src: local('Red Hat Display'), url('./RedHatDisplay-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 400;
    src: local('Red Hat Display'), url('./RedHatDisplay-Italic.ttf') format('truetype');
}



@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 500;
    src: local('Red Hat Display'), url('./RedHatDisplay-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 500;
    src: local('Red Hat Display'), url('./RedHatDisplay-MediumItalic.ttf') format('truetype');
}



@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 600;
    src: local('Red Hat Display'), url('./RedHatDisplay-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 600;
    src: local('Red Hat Display'), url('./RedHatDisplay-SemiBoldItalic.ttf') format('truetype');
}




@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 700;
    src: local('Red Hat Display'), url('./RedHatDisplay-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 700;
    src: local('Red Hat Display'), url('./RedHatDisplay-BoldItalic.ttf') format('truetype');
}




@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 800;
    src: local('Red Hat Display'), url('./RedHatDisplay-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 800;
    src: local('Red Hat Display'), url('./RedHatDisplay-ExtraBoldItalic.ttf') format('truetype');
}




@font-face {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 900;
    src: local('Red Hat Display'), url('./RedHatDisplay-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Red Hat Display';
    font-style: italic;
    font-weight: 900;
    src: local('Red Hat Display'), url('./RedHatDisplay-BlackItalic.ttf') format('truetype');
}