.fa,
.fas,
.fa-solid,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa::before,
.fas::before,
.fa-solid::before,
.fab::before,
.fa-brands::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: currentColor;
  mask-repeat: no-repeat;
  mask-size: contain;
  content: "";
  vertical-align: -0.125em;
}

.fa-arrow-left::before { mask-image: url("/assets/icons/solid/arrow-left.svg"); }
.fa-arrow-right::before { mask-image: url("/assets/icons/solid/arrow-right.svg"); }
.fa-check::before { mask-image: url("/assets/icons/solid/check.svg"); }
.fa-chevron-down::before { mask-image: url("/assets/icons/solid/chevron-down.svg"); }
.fa-code::before { mask-image: url("/assets/icons/solid/code.svg"); }
.fa-database::before { mask-image: url("/assets/icons/solid/database.svg"); }
.fa-file-pdf::before { mask-image: url("/assets/icons/solid/file-pdf.svg"); }
.fa-gem::before { mask-image: url("/assets/icons/solid/gem.svg"); }
.fa-play::before { mask-image: url("/assets/icons/solid/play.svg"); }

.fa-html5::before { mask-image: url("/assets/icons/brands/html5.svg"); }
.fa-js-square::before,
.fa-square-js::before { mask-image: url("/assets/icons/brands/square-js.svg"); }
.fa-figma::before { mask-image: url("/assets/icons/brands/figma.svg"); }
.fa-css3-alt::before { mask-image: url("/assets/icons/brands/css3-alt.svg"); }
.fa-python::before { mask-image: url("/assets/icons/brands/python.svg"); }
.fa-php::before { mask-image: url("/assets/icons/brands/php.svg"); }
.fa-react::before { mask-image: url("/assets/icons/brands/react.svg"); }
.fa-node::before { mask-image: url("/assets/icons/brands/node.svg"); }
.fa-vuejs::before { mask-image: url("/assets/icons/brands/vuejs.svg"); }
.fa-sass::before { mask-image: url("/assets/icons/brands/sass.svg"); }
.fa-git-alt::before { mask-image: url("/assets/icons/brands/git-alt.svg"); }
.fa-github::before { mask-image: url("/assets/icons/brands/github.svg"); }
.fa-docker::before { mask-image: url("/assets/icons/brands/docker.svg"); }
.fa-wordpress::before { mask-image: url("/assets/icons/brands/wordpress.svg"); }
.fa-angular::before { mask-image: url("/assets/icons/brands/angular.svg"); }
.fa-laravel::before { mask-image: url("/assets/icons/brands/laravel.svg"); }
.fa-bootstrap::before { mask-image: url("/assets/icons/brands/bootstrap.svg"); }