@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Nata+Sans:wght@300;400;600&family=Clicker+Script&display=swap");

:root {
  --bg-cream: #f9f7f2;
  --bg-card: #fffcf9;
  --text-main: #4a4a4a;
  --text-dark: #291d1e;
  --accent-gold: #c5a059;
  --accent-burgundy: #800020;
  /* header sizing for fixed header behavior */
  --header-top-height: 150px;
  /* height of the top logo area */
  --header-bar-height: 42px;
  /* height of the header nav bar */
  --header-offset: 0px;
  /* small visual gap above header */
  --header-total: calc(var(--header-top-height) + var(--header-bar-height));
  --header-total-small: calc(var(--header-top-height) * 0.5 + var(--header-bar-height) * 0.5);
  --max-width: 1400px;
  --font-heading: "Montserrat", Arial, sans-serif;
  --font-sans: "Nata Sans", Arial, sans-serif;
}

html{
  margin: 0px;
  padding:0px;
}

body{
  margin:0px;
  padding: 0px;
  font-family: var(--font-sans);
}

h1, h2, h3, h4{
 font-family: "Montserrat";
}

a a:visited{
  text-decoration: none;
}

p {
  font-family: var(--font-sans);
}