@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300; /* Light */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400; /* Regular */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500; /* Medium */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600; /* SemiBold */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700; /* Bold */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800; /* ExtraBold */
}

@font-face {
    font-family: "Poppins";
    src: url("./Poppins/Poppins-Black.ttf") format("truetype");
    font-weight: 900; /* Black */
}

@font-face {
    font-family: "Montserrat";
    src: url("./Montserrat/Montserrat.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url("./Roboto/Roboto.ttf") format("truetype");
}