@font-face {
    font-family: 'Manrope Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Manrope Bold'), url('Manrope-Bold.ttf') format('TrueType');
}
@font-face {
    font-family: 'Manrope Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Manrope Extra Bold'), url('Manrope-ExtraBold.ttf') format('TrueType');
}
@font-face {
    font-family: 'Manrope SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Manrope SemiBold'), url('Manrope-SemiBold.ttf') format('TrueType');
}
@font-face {
    font-family: 'Manrope Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Manrope Medium'), url('Manrope-Medium.ttf') format('TrueType');
}
@font-face {
    font-family: 'Manrope Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Manrope Regular'), url('Manrope-Regular.ttf') format('TrueType');
}