.date, #linkBox div:hover{
  font-weight: bold;
	background-position: 0% 0%;
}

#linkBox div, .date{
	background: linear-gradient( to right, rgb( 75, 25, 75 ), transparent 50% );
}

#linkBox {
  width: 100%;
  text-align: center;
  align-items: center;
  background-color: black;
  margin-left: 10px;
	overflow-y: hidden;
	display: flex;
}


#linkBox div{
  vertical-align: middle;
  width:  88px;
	height: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: clip;
	display: inline-block;
	border-left: 1px grey inset;
	background-position: 100% 0%;
	background-size: 200% 200%;
	transition: background-position 0.5s ease 0s;
}

#linkBox img{
  margin: -2px;
  border-width: 5px;
  border-color: transparent;
  border-style: outset;
}

#featuredImages {
  display: flex;
  flex-wrap: wrap;
	text-align: center;
	text-color: black;
  align-content: stretch;
  justify-content: center;
  margin-top: 1em;
}

#featuredImages a {
  color: black;
}

#featuredImages div {
	margin: -5px;
}

#mainFlex {
	background-color: black;
	max-width: 80em;
	margin: 0 auto;
  display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}

#mainText {
  background-color: black;
	width: min(100%, 512px);
  align-self: stretch;
  align-items: center;
  text-align: left;
	padding-right: 2em;
}

#mainContactInfo{
	margin-left:   1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: 
		linear-gradient( to right, transparent, black ),
		linear-gradient( to bottom right, rgb( 75, 25, 75 ) -25%, transparent),
		linear-gradient( to top left, rgb( 0, 0, 75 )  45%, transparent 0, transparent 74%, rgb( 75, 0, 0 ) 0) 2px 9px / 5px 4px;
  margin-top: 10px;
}

#mainContactInfo div{
  margin-left: 2em;
}

#mainText p{
  margin-left: 0.5em;
}