/* Coolors Exported Palette - coolors.co/ba0c2f-080705-40434e-702632-fffffa */

:root { 
        /* RGB */
        --color1: rgba(186, 12, 47, 1);
        --color2: rgba(8, 7, 5, 1);
        --color3: rgba(64, 67, 78, 1);
        --color4: rgba(112, 38, 50, 1);
        --color5: rgba(255, 255, 250, 1);
}

body{ 
      background-color: var(--color5);
      }

header {
         position: relative;
         background-color: var(--color1);
}
.topOfPage {
             position: relative;
             overflow: hidden;
             height: 50pt;
             background-color: var(--color1);
             border-color: black;
             }


#mainHeader {
              font-size: 300%;
              float: left;
              }

#detailsHeader {
                 float: right;
                 }

.separate {
            clear:both;
}

nav {
}

.navigation {
              margin: 0;
              /*margin-top: 2em;*/
              padding: 0;
              padding-top: 1em;
              padding-right: 1em;
              /* width: 10%; */
              /*margin-right: 1em;*/
              grid-column-start: 1;
              grid-column-end: 2;
              grid-row-start: 1;
              grid-row-end: 2;
              color: var(--color2);
              background-color: var(--color1);
              /*border-radius: 1em;*/
}

nav a:visited {
               color: var(--color5);
                font-weight: bold;
}
nav a:active {
               color: var(--color5);
               font-weight: bold;
}
nav a:link {
               color: var(--color5);
             font-weight: bold;
}

.primarySource {
                 margin-top: 2em;
                 /* width: 90%; */
                 grid-column-start: 2;
                 grid-column-end: 3;
                 grid-row-start: 1;
                 grid-row-end: 2;
		 margin-bottom: 2em;
		 margin-left: 2em;
}

article {
          background-color: var(--color5);
          position: relative;
          overflow: hidden;
          padding-left: 2em;
          padding-right: 2em;
          margin-right: 2em;
          border-radius: 1em;
}

#mainBody {
            /*clear: both;*/
            display: grid ;
            /* grid-template-columns: 5em 40em; */
            }

.separate {
            padding: 0;
            background-color: var(--color4);
}

footer {
         overflow: hidden;
         position: relative;
         clear: both;
         background-color: var(--color4);
         color: var(--color5);
}
footer a:visited {
                   font-weight: bold;
               color: var(--color5);
}
footer a:active {
                  font-weight: bold;
               color: var(--color5);
}
footer a:link {
                font-weight: bold;
               color: var(--color5);
}

#mainFooter {
              font-size: 200%;
	      margin-top: 2em;
              float: left;
}

#contactInfo {
         float: right;
	 margin-top: 2em;
}