@font-face {
    font-family: 'Lexend-Bold';
    src: url('../fonts/Lexend-Bold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'Lexend-ExtraBold';
    src: url('../fonts/Lexend-ExtraBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'Lexend-ExtraLight';
    src: url('../fonts/Lexend-ExtraLight.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'Lexend-Light';
    src: url('../fonts/Lexend-Light.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'Lexend-Medium';
    src: url('../fonts/Lexend-Medium.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'Lexend-Regular';
    src: url('../fonts/Lexend-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}

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

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