@font-face {
  font-family: "Sora";
  src: url("../fonts/sora/Sora-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("../fonts/sora/Sora-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

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

@font-face {
  font-family: "Karla";
  src: url("../fonts/karla/Karla-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Karla";
  src: url("../fonts/karla/Karla-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Karla";
  src: url("../fonts/karla/Karla-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --bum-ink: #2d2d2d;
  --bum-cream: #fff9e9;
  --bum-sand: #f2ead1;
  --bum-yellow: #f1d58f;
  --bum-green: #617b36;
  --bum-green-bright: #78a848;
  --bum-line: rgba(45, 45, 45, 0.32);
  --bum-heading: "Sora", sans-serif;
  --bum-body: "Karla", sans-serif;
}