/* Crimson : #981E32; */
/* Grey    : #2a3033; */

/* Pink    : #FF00DC; */
/* Green   : #39FF14; */

* { /*font-weight: normal;*/ font-family: consolas, monospace; color: white; background: #060606; }

h3 {

  font-weight: bold;
  font-size: 3.0em;
  margin: 0.0em;
  margin-left: 2.0em;
  color: #981E32;
  text-decoration-color: #981E32;
}

h5 {

  font-weight: bold;
  font-size: 1.5em;
  color: #981E32;
  text-decoration-color: #2A3033;
}

p {

  font-weight: normal;
  text-align: justify;
}

strong {

  color: #981E32;
  font-weight: bold;
}

strong em {

  color: #981E32;
  font-weight: bold;
}

.clearFloat {

  clear: both;
}

/* Index CSS */

.header {

  font-weight: bold;
  max-width: 50em;
  min-height: 7.0em;
  padding: 0.0em 2.0em;
  margin: auto;
  margin-bottom: 2.0em;
}

.contactLayout {

  max-width: 35em;
  min-width: 29em;
  height: 9.5em;
  padding: 0.0em 3.0em;
  margin: auto;
  margin-top: 2.0em;
  margin-bottom: 1.5em;
  font-size: 1.0em;
}

.contactLayout .listHeader {

  font-size: 1.5em;
  text-align: center;
  background-color: #303030;
  padding: 0.5em 0.0em;
  margin: 0.0em;
}

.contactLayout .emailSection {

  float: left;
  width: 50%;
  min-width: 15em;
  background-color: #404040;
}

.contactLayout .emailSection .emailHeader {

  background-color: #404040;
  text-align: center;
  padding: 0.5em;
}

.contactLayout .emailSection .emailPersonal {

  background-color: #606060;
  padding: 0.5em;
}

.contactLayout .emailSection .emailPersonal a {

  text-align: right;
  background-color: #606060;
  float: right;
  padding-right: 0.5em;
}

.contactLayout .emailSection .emailBusiness {

  background-color: #505050;
  padding: 0.5em;
}

.contactLayout .emailSection .emailBusiness a {

  text-align: right;
  float: right;
  padding-right: 0.5em;
  background-color: #505050;
}

.contactLayout .socialMediaSection {

  float: left;
  width: 50%;
  min-width: 14em;
  background-color: #606060;
  }

.contactLayout .socialMediaSection .socialMediaHeader {

  text-align: center;
  padding: 0.5em;
  background-color: #606060;
}

.contactLayout .socialMediaSection .socialMediaYoutube {

  background-color: #808080;
  padding: 0.5em;
}

.contactLayout .socialMediaSection .socialMediaYoutube a {

  background-color: #808080;
  padding: 0.5em;
}

.contactLayout .socialMediaSection .socialMediaDiscord {

  background-color: #707070;
  padding: 0.5em;
}

.contactLayout .socialMediaSection .socialMediaDiscord a {

  background-color: #707070;
  padding: 0.5em;
}

a .linkCard {

  float: left;

  margin-right: 1.0em;

  margin-top: 0.25em;
  margin-bottom: 0.25em;
  width: 20%;
  min-width: 10em;
  max-width: 13em;
  filter: grayscale(100%);
}

a .linkCard:hover {

  filter: grayscale(0%);
  color: #2A3033;
  text-decoration-color: #2A3033;
}

a .linkCard img {

  width: 100%;
  height: 75%;
  background-color: #FF00DC;
}

a .linkCard .linkCardText {

  text-align: center;
  margin: 0.5em;
  color: #8d959a;
  text-decoration-color: #8d959a;
}

/* Non Index Pages */
#homeIcon {

  height: 4.0em;
  width: 4.0em;
  float: right;
  margin: 0.75em 1.25em;
}

/* Peoples CSS */

.pageHeader {

  height: 7.0em;
  width: 100%;
}

.pageHeader .pageTitle{

  font-size: 3.0em;
  margin: 0.5em 0.5em 0.0em 3.0em;
  float: left;
}

.pageHeader .spacer {

  height: 4.0em;
}

.pageHeader .pageDescription {

  text-align: right;
  max-width: 36em;
  width: 98%;
  margin: 0.0em;
  margin-right: 0.5em;
  float: left;
}

footer {

  width: 100%;
  margin: 1.0em 0.0em;

  border-top-style: solid;
  border-color: #555555;
  border-top-width: 0.25em;
}

footer .notes {

  font-weight: normal;
  float: left;
  margin: 1.0em;
  margin-right: 0.5em;
}

footer .allPages {

  float: right;
  text-align: right;
  margin: 1.0em;
  margin-left: 0.5em;
}

.image {

  background-color: #FF00DC;
}

.card {

  width: 96%;
  margin: auto;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.card .image {

  object-fit: contain;
  height: 12em;
  width: 16em;
  margin: 0.5em;
  float: left;
}

.card .description {

  float: right;
  margin: 0.5em;
}

.card .description h4 {

  font-size: 2.0em;
  color: #981F32;
  margin: 0.125em 0.0em 0.125em 2.0em;
}

.card .description .first {

  float: left;
}

.card .description .last {

  float: left;
}

.card .description .date {

  float: left;
  color: #555555;
}

.card .description p {

  margin: 0.125em 0.0em;
}

.linkedCardDivider {

  text-decoration: none;
}

.cardDivider {

  width: 100%;
  min-height: 3.0em;

  border-top-style: solid;
  border-top-width: 0.25em;
  border-bottom-style: solid;
  border-bottom-width: 0.25em;
  border-color: #555555;

  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin: 0.25em 0.0em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.cardDivider h4 {

  font-size: 2.5em;
  color: #981E32;
  margin: 0.0em;
  margin-left: 6.0em;
}

.cardSubDiveder {

  font-size: 2.0em;
  color: #981E32;
  margin: 0.5em 7.0em;
}

#mariners {

  color: #FFCC00;
}

#huskies {

  color: #B7A57A;
}

.historiesLeftSubHeader {

  float: left;
}

.historiesRightSubHeader {

  float: right;
}

.historiesImage {

  object-fit: contain;
  width: 20em;
}

.historiesLeftImage {

  float: left;
  margin: 0.5em 0.5em 0.5em 4.0em;
}

.historiesRightImage {

  float: right;
  margin: 0.5em 1.0em 0.5em 0.5em;
}

.historiesParagraph {

  margin: 0.5em 0.5em 0.5em 4.0em;
}

.historiesRightParagraph {

  float: right;
  margin: 0.5em 1.0em 0.5em 0.5em;
}

.historiesLeftParagraph {

  float: left;
  margin: 0.5em 0.5em 0.5em 4.0em;
}