@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url("fonts/fontawesome/webfonts/fa-light-300.woff2") format("woff2"),
         url("fonts/fontawesome/webfonts/fa-light-300.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),
         url("fonts/fontawesome/webfonts/fa-regular-400.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url("fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
         url("fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),
         url("fonts/fontawesome/webfonts/fa-brands-400.woff") format("woff");
}

.fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; }
.far { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.fa,
.fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; }