@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("karla-var.woff2") format("woff2-variations"), url("karla-var.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Pro Thin";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("fa6-thin-100.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Pro Light";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("fa6-light-300.otf") format("opentype");
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fa6-regular-400.otf") format("opentype");
}

.fa, .fa-thin, .fa-light, .fa-regular {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.fa-thin { font-family: "Font Awesome 6 Pro Thin"; font-weight: 100; }
.fa-light { font-family: "Font Awesome 6 Pro Light"; font-weight: 300; }
.fa-regular, .fa { font-family: "Font Awesome 6 Pro"; font-weight: 400; }