@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/ManropeSemiBold.ttf");
    font-family: "Manrope";
    font-weight: 600;
}
@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/ManropeMedium.ttf");
    font-family: "Manrope";
    font-weight: 500;
}
@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/ManropeBold.ttf");
    font-family: "Manrope";
    font-weight: 700;
}
@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/ManropeExtraBold.ttf");
    font-family: "Manrope";
    font-weight: 800;
}
@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/ManropeRegular.ttf");
    font-family: "Manrope";
    font-weight: 400;
}
@font-face {
    font-display: swap;
    font-style: normal;
    src: url("../fonts/PoppinsMedium.ttf");
    font-family: "Poppins";
    font-weight: 500;
}