:root {
  --back-white: #fffcf0;
  --background-colour: #fefae0;
  --primary-colour: #283618;
  --secondary-colour: #dffebe;
  --tertiary-colour: #606c38;
  --action-colour: #4f3920;
  --text-colour: #231F20;
  --alt-text-colour: #fefae0;
  --box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --box-shadow-bottom: 0 20px 50px 5px rgba(0, 0, 0, 0.3);
  --box-shadow-top: 0 -20px 50px 5px rgba(0, 0, 0, 0.3);
  --background-fade: linear-gradient(90deg, rgba(255, 253, 238, 0.95) 0%, rgba(255, 255, 255, 0.714) 100%);
  --nav-background-fade: rgba(254, 250, 224, 0.8);
}

@font-face {
  font-family: "EarthToOvenFont";
  src: url(./fonts/converted-fonts/EarthToOvenFont.woff2) format("woff2");
}

@font-face {
  font-family: "Apex Mk3-Regular";
  src: url(./fonts/converted-fonts-2/Apex\ Mk3-Regular.woff2) format("woff2");
}

@font-face {
  font-family: "Avenir";
  src: url(./fonts/converted-fonts-3/Avenir-Book.woff2) format("woff2");
}