@font-face {
  font-family: "Helsinki";
  src: url("helsinki/helsinki.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("/assets/Images/texture.webp");
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.5;
  pointer-events: none;
  z-index: 9999;
}

:root {
  --green-main: #88a33f;
  --green-opaque: #88a33fca;
  --green-opaqueTwo: #88a33f66;
  --yellow-main: #f9bb2a;
  --yellow-opaque: #f9bb2aae;
  --yellow-opaqueTwo: #f9bb2f66;
  --orange-main: #f4701b;
  --orange-opaque: #f4721bca;
  --orange-opaqueTwo: #f4711f66;
  --text-dark: #3D3D3D;
  --text-dark-opaque: #3d3d3dd0;
  --background-beige: #F3ECD8;
  --background-beigeTwo: #E2D6B6;
  --background-beigeThree: #EBDDC7;
  --beige-opaque: #f3ecd8b9;
}