@font-face {
    font-family: 'Silka';
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Read next point */
    unicode-range: U+000-5FF; /* Download only latin glyphs */
    src: url('./silka/silka-regular-webfont.woff2') format('woff2'),
    url('./silka/silka-regular-webfont.woff') format('woff'),
    url('./silka/silka-regular-webfont.ttf') format('truetype'),
    url('./silka/silka-regular-webfont.eot') format('eot');
}

@font-face {
    font-family: 'Silka';
    font-weight: 500;
    font-style: normal;
    font-display: swap; /* Read next point */
    unicode-range: U+000-5FF; /* Download only latin glyphs */
    src: url('./silka/silka-medium-webfont.woff2') format('woff2'),
    url('./silka/silka-medium-webfont.woff') format('woff'),
    url('./silka/silka-medium-webfont.ttf') format('truetype'),
    url('./silka/silka-medium-webfont.eot') format('eot');
}

@font-face {
    font-family: 'Silka';
    font-weight: 700;
    font-style: normal;
    font-display: swap; /* Read next point */
    unicode-range: U+000-5FF; /* Download only latin glyphs */
    src: url('./silka/silka-bold-webfont.woff2') format('woff2'),
    url('./silka/silka-bold-webfont.woff') format('woff'),
    url('./silka/silka-bold-webfont.ttf') format('truetype'),
    url('./silka/silka-bold-webfont.eot') format('eot');
}

body {
    font-family: "Silka", "SF UI Text", "SF Pro Icons", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}