@font-face {
    font-display: swap;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/Lexend-ExtraLight.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Lexend-Light.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Lexend-Regular.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/Lexend-SemiBold.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Lexend-Bold.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'mebis-icons';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/mebis-icons2.woff2') format('woff2'),
        url('fonts/mebis-icons2.woff') format('woff');
    unicode-range: U+E500-E8FF;
}

@font-face {
    font-display: swap;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/AtkinsonHyperlegible-Bold.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/AtkinsonHyperlegible-BoldItalic.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/AtkinsonHyperlegible-Italic.ttf')format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/AtkinsonHyperlegible-Regular.ttf')format('truetype');
}