/*
  Global CSS settings for the entire site.  If the change
  you want to make effects every page, and isn't
  specifically for header, navigation, main or footer,
  then you will make it here.

  The preceding color palette was generated at paletton
  Palette URL:
  http://paletton.com/#uid=33-0u0k++jJZJve+Xp8+Ze4+W6E
*/
:root{
  /*
    the 'orig' color palette is generated from the
    original site.
  */
  --color-orig-0: #EBF1F4;
  --color-orig-1: #000000;
  --color-orig-2: #003366;
  --color-orig-3: #77B7FD;
  --color-orig-4: #F9BE00;

  /*
    paletton color palette
  */
  /* Primary Color Palette */
  --color-pri-0: #003466;
  --color-pri-1: #0052A1;
  --color-pri-2: #004282;
  --color-pri-3: #002549;
  --color-pri-4: #001122;

  /* Secondary Color Palette */
  --color-sec-0: #9D7800;
  --color-sec-1: #F9BE00;
  --color-sec-2: #C89900;
  --color-sec-3: #705600;
  --color-sec-4: #352900;

  /* Tertiary Color Palette */
  --color-ter-0: #9D3300;
  --color-ter-1: #F95100;
  --color-ter-2: #C84100;
  --color-ter-3: #702400;
  --color-ter-4: #351100;

  font-family: Tahoma, Verdana, Arial, serif;
}

/*
    Main CSS -- add items here that affect an element regardless
    of the platform it's displayed on.
*/

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 18vw 1fr 1fr 1fr;
  grid-auto-rows: auto 1fr 10vh;
  grid-gap: 0;
  grid-template-areas:
    "header header header header"
    "nav main main main"
    "nav footer footer footer";
  background-color: var(--color-orig-0);
  overflow-x: hidden;
}

img {
  border-radius: 10px;
  margin: 0;
  object-fit: contain;
  object-position: bottom;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-orig-2);
  font-weight: Bolder;
  text-align: Center;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

h1 {
  font-size: 4.1vmin;
  font-style: italic;
  font-variant: normal;
}

h2 {
  font-size: 3.8vmin;
}

h3 {
  font-size: 3.15vmin;
}

h4 {
  font-size: 2.68vmin;
}

h5 {
  font-size: 2.15vmin;
}

p {
  font-size: 1.45vmin;
  font-style: normal;
  font-variant: normal;
}

blockquote {
  font-size: 2.5vmin;
  font-style: normal;
  font-variant: normal;
}

pre {
  font-size: 1.56vmin;
  font-style: normal;
  font-variant: normal;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}