@font-face {
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Pangolin.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Nunito-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/Nunito-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/Nunito-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Mulish-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/Mulish-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/Mulish-600.ttf') format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/DMSans-400.ttf') format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/DMSans-500.ttf') format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/DMSans-600.ttf') format('truetype');
}

h1, h2, h3, h4, .font-display {
  font-family: 'Pangolin', cursive !important;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Caveat-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/PatrickHand-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/Kalam-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Playpen Sans Hebrew';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/PlaypenSansHebrew-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Playpen Sans Hebrew';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/PlaypenSansHebrew-600.ttf') format('truetype');
}

body, html {
  font-family: 'Nunito', sans-serif;
}

/* Hebrew font applied via JS class on <html> */
html.font-he, html.font-he body, html.font-he * {
  font-family: 'Playpen Sans Hebrew', cursive !important;
}
