@font-face {
    font-family: "Roboto";
    src: url("roboto-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto-bold-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto-black-webfont.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto-light-webfont.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("roboto-thin-webfont.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Avenir";
    src: url("avenir-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/*-------------fontawesome 6-------------------*/

@font-face {
    font-family: "Font Awesome 6 Pro Thin";
    font-style: normal;
    font-weight: 100;
    src: url(fontawesome/fa-light-100.woff2) format("woff2"), url(fontawesome/fa-light-100.ttf) format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro Light";
    font-style: normal;
    font-weight: 300;
    src: url(fontawesome/fa-light-300.woff2) format("woff2"), url(fontawesome/fa-light-300.ttf) format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro Regular";
    font-style: normal;
    font-weight: 400;
    src: url(fontawesome/fa-regular-400.woff2) format("woff2"), url(fontawesome/fa-regular-400.ttf) format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro Solid";
    font-style: normal;
    font-weight: 900;
    src: url(fontawesome/fa-solid-900.woff2) format("woff2"), url(fontawesome/fa-solid-900.ttf) format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Pro Brands";
    font-style: normal;
    font-weight: 400;
    src: url(fontawesome/fa-brands-400.woff2) format("woff2"), url(fontawesome/fa-brands-400.ttf) format("truetype");
}