@font-face {
    font-family: "Archivo-Regular";
    src: url("./Archivo-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-Bold";
    src: url("./Archivo-Bold.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-Medium";
    src: url("./Archivo-Medium.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-Light";
    src: url("./Archivo-Light.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-Italic";
    src: url("./Archivo-Italic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-LightItalic";
    src: url("./Archivo-LightItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Archivo-MediumItalic";
    src: url("./Archivo-MediumItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Archivo-BoldItalic";
    src: url("./Archivo-BoldItalic.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}