@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  text-decoration: none;
  vertical-align: baseline;
  cursor: inherit;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
::selection {
  background-color: #d40f26;
  color: #fff;
}
::-moz-selection {
  background-color: #d40f26;
  color: #fff;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}
::-webkit-scrollbar-thumb {
  background-color: #d40f26;
  outline: 0;
}
@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}
:root{
  --text-color: #034525;
  --header-color: #f29e24;
  --body-background: #f4f7f0;
    color-scheme: light dark;
  --color-tapioca-primary: #f9fce8;
  --body-background-primary: color-mix(in srgb, var(--color-tapioca-primary) 90%, white);


  --white: #fff;
  --black: #000;
  --neutral-white: #f7f5f5;
  --red: #e50914;
  --dark-red: #080202;
  --bright-red: #fceeee;
  --orange: #d23c01;
  --dark-orange: #080402;
  --bright-orange: #fcf4ee;
  --yellow: #e68e01;
  --dark-yellow: #0a0600;
  --bright-yellow: #fffbf5;
  --green: #00ccab;
  --dark-green: #010504;
  --bright-green: #fafffd;
  --blue: #012be6;
  --dark-blue: #03020e;
  --bright-blue: #f5f7ff;
  --purple: #7e01d2;
  --medium-purple: #381775;
  --dark-purple: #0a030d;
  --bright-purple: #fbf6fe;
  --light-purple: #f8edfc;
  --pink: #d201b6;
  --dark-pink: #0a000a;
  --bright-pink: #fff5ff;
}
html, body {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  margin: 0;
}

body {
  font-family: 'DessertMenuSans-Regular', sans-serif;
  font-size: 1.25rem;
  height: auto;
  line-height: normal;
  color: #59745f;
  background-color: var(--body-background-primary);
  overflow-x: hidden; 
  transition: transform 1.5s 
              cubic-bezier(.075, .82, .165, 1), opacity .9s 
              cubic-bezier(.19, 1, .22, 1);
  transition-delay: .25s;
} 
section, article, figure, picture, figcaption{
  position: relative;
}
[id="header"]{
      z-index: 1;
    position: relative;
}
[id="header"] ul ul{
  color: #301414;
    background: #619e44;
}

p{
  /*font-family: Outfit, sans-serif;*/
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}