@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-ExtraLight.ttf');
    font-weight: 200
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-Light.ttf');
    font-weight: 300
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-Regular.ttf');
    font-weight: 400
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-Medium.ttf');
    font-weight: 500
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-SemiBold.ttf');
    font-weight: 600
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-Bold.ttf');
    font-weight: 700
}

@font-face {
    font-family: 'Dosis';
    font-display: swap;
    src: url('../fonts/dosis/Dosis-ExtraBold.ttf');
    font-weight: 800
}

html, body, html body, div, p, a, button, input, select {
    font-family: Dosis, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}