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(--neutral-color-light), white, var(--neutral-color-light));
   background-repeat: no-repeat;
}

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

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

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

}

header .logo-text small {
   color: var(--secondary-color-mid-light);
}

header .logo-text em {
   color: var(--accent-color-mid-light);
}

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

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

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