/************************************ Petrona ************************************/
/* Petrona */
@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('./Petrona-Light.ttf'),
    url('./Petrona-Light.ttf') format('truetype')
}
@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('./Petrona-LightItalic.ttf'),
    url('./Petrona-LightItalic.ttf') format('truetype')
}
@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('./Petrona-Regular.ttf'),
    url('./Petrona-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('./Petrona-Italic.ttf'),
    url('./Petrona-Italic.ttf') format('truetype')
}
@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('./Petrona-Bold.ttf'),
    url('./Petrona-Bold.ttf') format('truetype')
}
@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('./Petrona-BoldItalic.ttf'),
    url('./Petrona-BoldItalic.ttf') format('truetype')
}
/************************************ Poppings ************************************/
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('./Poppins-Light.ttf'),
    url('./Poppins-Light.ttf') format('truetype')
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('./Poppins-LightItalic.ttf'),
    url('./Poppins-Light.ttf') format('truetype')
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('./Poppins-Regular.ttf'),
    url('./Poppins-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('./Poppins-Italic.ttf'),
    url('./Poppins-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('./Poppins-Bold.ttf'),
    url('./Poppins-Bold.ttf') format('truetype')
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('./Poppins-BoldItalic.ttf'),
    url('./Poppins-BoldItalic.ttf') format('truetype')
}