@font-face {
    font-family: "RedHatDisplay Regular";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('RedHatDisplay Regular'), url('RedHatDisplay-Regular.ttf') format('TrueType');
    }
@font-face {
    font-family: "RedHatDisplay Medium";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('RedHatDisplay Medium'), url('RedHatDisplay-Medium.ttf') format('TrueType');
    }
@font-face {
    font-family: "RedHatDisplay SemiBold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('RedHatDisplay SemiBold'), url('RedHatDisplay-SemiBold.ttf') format('TrueType');
    }
@font-face {
    font-family: "RedHatDisplay Bold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('RedHatDisplay Bold'), url('RedHatDisplay-Bold.ttf') format('TrueType');
    }