body {
  opacity: 0;
}

body.ready {
  opacity: 1;
  transition: 0.15s opacity;
}

*[border] {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.8);
  display: block;
}

*[border1] {
  box-shadow: 0 0 6px var(--primary-t6);
  border: 2px solid var(--primary);
  display: block;
}

*[border3] {
  border: 5px solid var(--secondary);
  display: block;
}

*[border4] {
  box-shadow: var(--gray2) 0px 6px 24px 0px, var(--gray2) 0px 0px 0px 1px;
}

body {
  font-size: 1em;
  line-height: 1.65rem;
}

:root {
  --primary: #2D4F2B;
  --secondary: #708A58;
  --accent: #FFB823;
  --border-radius: 10px;
}

@font-face {
  font-family: "secondary";
  src: url("/assets/font/LeckerliOne-Regular.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "primary";
  src: url("/assets/font/Raleway-VariableFont_wght.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

/*# sourceMappingURL=main.css.map */