@font-face {
    font-family: 'manrope';
    src: url('manrope-regular.eot');
    src: local('manrope'), local('manrope-regular'),
    url('manrope-regular.eot?#iefix') format('embedded-opentype'),
    url('manrope-regular.woff2') format('woff2'),
    url('manrope-regular.woff') format('woff'),
    url('manrope-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'manrope-bold';
    src: url('manrope-bold.eot');
    src: local('manrope-bold'), local('manrope-bold'),
    url('manrope-bold.eot?#iefix') format('embedded-opentype'),
    url('manrope-bold.woff2') format('woff2'),
    url('manrope-bold.woff') format('woff'),
    url('manrope-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto';
    src: url('roboto-regular.eot');
    src: local('roboto'), local('roboto-regular'),
    url('roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('roboto-regular.woff2') format('woff2'),
    url('roboto-regular.woff') format('woff'),
    url('roboto-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}