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


@font-face {
    font-family: 'RedHatDisplay-Light';
    src: url('../fonts/RedHatDisplay-Light.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'RedHatDisplay-Medium';
    src: url('../fonts/RedHatDisplay-Medium.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

@font-face {
    font-family: 'RedHatDisplay-SemiBold';
    src: url('../fonts/RedHatDisplay-SemiBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}


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


@font-face {
    font-family: 'RedHatDisplay-ExtraBold';
    src: url('../fonts/RedHatDisplay-ExtraBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}