@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: normal;
    font-weight: 200;
    src: local('Gravity-UltraLight'), url("Gravity-UltraLight.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: italic;
    font-weight: 200;
    src: local('Gravity-UltraLightItalic'), url("Gravity-UltraLightItalic.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: normal;
    font-weight: 300;
    src: local('Gravity-Light'), url("Gravity-Light.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: italic;
    font-weight: 300;
    src: local('Gravity-LightItalic'), url("Gravity-LightItalic.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: normal;
    font-weight: 400;
    src: local('Gravity-Book'), url("Gravity-Book.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: italic;
    font-weight: 400;
    src: local('Gravity-BookItalic'), url("Gravity-BookItalic.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: normal;
    font-weight: 500;
    src: local('Gravity-Regular'), url("Gravity-Regular.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: italic;
    font-weight: 500;
    src: local('Gravity-Italic'), url("Gravity-Italic.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: normal;
    font-weight: 700;
    src: local('Gravity-Bold'), url("Gravity-Bold.otf");
}

@font-face {
    font-display: swap;
    font-family: 'Gravity';
    font-style: italic;
    font-weight: 700;
    src: local('Gravity-BoldItalic'), url("Gravity-BoldItalic.otf");
}