@font-face {
   font-family: "Besley Bold";
   src: url("Besley-Bold.woff2") format("woff2"), url("Besley-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Besley Italic";
   src: url("Besley-Italic.woff2") format("woff2"), url("Besley-Italic.woff") format("woff");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Besley";
   src: url("Besley-Regular.woff2") format("woff2"), url("Besley-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Besley SemiBold";
   src: url("Besley-SemiBold.woff2") format("woff2"), url("Besley-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Karla Bold";
   src: url("Karla-Bold.woff2") format("woff2"), url("Karla-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Karla";
   src: url("Karla-Regular.woff2") format("woff2"), url("Karla-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}