@font-face {
    font-family: 'manrope';
    src: url('../fonts/manrope-regular.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'manrope-bold';
    src: url('../fonts/manrope-bold.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'manrope-light';
    src: url('../fonts/manrope-light.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'manrope-medium';
    src: url('../fonts/manrope-medium.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'manrope-semibold';
    src: url('../fonts/manrope-semibold.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'manrope-thin';
    src: url('../fonts/manrope-thin.otf') format('truetype');
    font-weight: normal;
    font-weight: normal;
}