/* Font Awesome Subset - Only the icons we need */

/* Font Awesome Base */
.fas,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* Users icon */
.fas.fa-users:before {
  content: '\f0c0';
}

/* Globe icon */
.fas.fa-globe:before {
  content: '\f0ac';
}

/* Code icon */
.fas.fa-code:before {
  content: '\f121';
}

/* Facebook icon */
.fab.fa-facebook:before {
  content: '\f39e';
}

/* GitHub icon */
.fab.fa-github:before {
  content: '\f09b';
}

/* Instagram icon */
.fab.fa-instagram:before {
  content: '\f16d';
}

/* Envelope icon */
.fas.fa-envelope:before {
  content: '\f0e0';
}

/* Sun icon */
.fas.fa-sun:before {
  content: '\f185';
}

/* Moon icon */
.fas.fa-moon:before {
  content: '\f186';
}

/* Download icon */
.fas.fa-download:before {
  content: '\f019';
}

/* Font Awesome Font - Using CDN for the font files */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2')
    format('woff2');
}

.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
}