body {
   /* set default font for all content */
   font-family: "Garamond", "Georgia", "Times New Roman", Times, serif;

   /* default backgroud for all content */
   background: linear-gradient(var(--primary-color-light4), white, var(--primary-color-light4));
   background-repeat: no-repeat;
}

header {
   /* default font color for header */
   /* color: var(--background-light-color); */
   /* background-color: var(--primary-color-light4); */
   background-color: transparent;

   /* default backgroud for header */
   /* background-color: var(--secondary-color); */
   color: var(--primary-color);

   /* border: 1px black solid;
   border-radius: 1px; */

}

main {
   /* default font color for main content */
   color: var(--primary-color-dark3);

   /* limit overall content size */
   min-width: var(--content-min-width);
   max-width: var(--content-max-width);
   width: 100%;

   h1, p {
      color: var(--primary-color-dark3);
   }
}

.splash {

   background-color: var(--primary-color-light4);
}