@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-300.woff2') format('woff2'),
         url('../fonts/satoshi/satoshi-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-400.woff2') format('woff2'),
         url('../fonts/satoshi/satoshi-400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-500.woff2') format('woff2'),
         url('../fonts/satoshi/satoshi-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/satoshi-700.woff2') format('woff2'),
         url('../fonts/satoshi/satoshi-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

*, *::before, *::after,
body, html,
h1, h2, h3, h4, h5, h6,
p, a, span, li, ul, ol,
button, input, textarea, select,
.ast-container, .entry-content,
.site-title, .site-description,
.menu-item, .widget {
    font-family: 'Satoshi', sans-serif !important;
}