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

.satoshi {
    font-family: 'Satoshi-Variable', sans-serif;
    font-weight: 400;
}

@font-face {
    font-family: 'Ranade-Medium';
    src: url('../fonts/Ranade-Medium.woff2') format('woff2'),
         url('../fonts/Ranade-Medium.woff') format('woff'),
         url('../fonts/Ranade-Medium.ttf') format('truetype');
    font-display: swap;
    font-style: normal;
}

.ranade {
    font-family: 'Ranade-Medium', sans-serif;
}

@font-face {
    font-family: 'Oswald-Demibold';
    src: url('../fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('../fonts/oswald-demibold-webfont.woff') format('woff'),
         url('../fonts/Oswald-DemiBold.ttf') format('truetype');
    font-display: swap;
    font-style: normal;
}

.oswald {
    font-family: 'Oswald-Demibold', sans-serif;
}