@font-face {
    font-family: '"Outfit Black';
    font-display: block;
    src: url("Outfit-Black.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit Bold';
    font-display: block;
    src: url("Outfit-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '"Outfit ExtraBold';
    font-display: block;
    src: url("Outfit-ExtraBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit ExtraLight';
    font-display: block;
    src: url("Outfit-ExtraLight.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit Light';
    font-display: block;
    src: url("Outfit-Light.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit Medium';
    font-display: block;
    src: url("Outfit-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit Regular';
    font-display: block;
    src: url("Outfit-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit SemiBold';
    font-display: block;
    src: url("Outfit-SemiBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Outfit Thin';
    font-display: block;
    src: url("Outfit-Thin.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}