/* === FONTS === */

@font-face {
    font-family: "FA Light";
    src: url("fonts/fa-light-300.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FA Solid";
    src: url("fonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FA Regular";
    src: url("fonts/fa-regular-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FA Brands";
    src: url("fonts/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* === BASE === */

.fa-solid,
.fa-regular,
.fab,
.fal {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-solid {
    font-family: "FA Solid";
    font-weight: 900;
}

.fa-regular {
    font-family: "FA Regular";
    font-weight: 400;
}

.fab {
    font-family: "FA Brands";
}

.fal {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "FA Light";
    font-weight: 300;
}

.fa-rocket:before { content: "\f135"; }

.fa-mobile-screen-button:before { content: "\f3cd"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-download:before { content: "\f019"; }
.fa-user:before { content: "\f007"; }
.fa-wallet:before { content: "\f555"; }
.fa-globe:before { content: "\f0ac"; }
.fa-rocket-launch:before { content: "\f135"; }
.fa-shield-check:before { content: "\f2f7"; }
.fa-phone-laptop:before { content: "\f87a"; }
.fa-headset:before { content: "\f590"; }
.fa-laptop:before { content: "\f109"; }
.fa-tv:before { content: "\f26c"; }
.fa-router:before { content: "\f8da"; }
.fa-envelope:before { content: "\f0e0"; }

.fa-shield-halved:before { content: "\f3ed"; }
.fa-angle-right:before { content: "\f105"; }
.fa-display:before { content: "\e163"; }
.fa-crown:before { content: "\f521"; }
.fa-qrcode:before { content: "\f029"; }
.fa-right-from-bracket:before { content: "\f2f5"; }

.fa-trash-can:before { content: "\f2ed"; }

/* brands */
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-apple:before { content: "\f179"; }
.fa-chrome:before { content: "\f268"; }
.fa-telegram-plane:before { content: "\f3fe"; }