.navbar{
background-color:black;
overflow: hidden;
margin:0.5rem;
padding:0.2rem;
}

html{
 margin:0px;
 padding:0px;
}

body {
   background-color: #EFC39B;
  color: black;
  font-family: Verdana;
}

header{
  padding:0.5rem;
  background-color:#C94042;
  border: 1rem;
  border-style:dashed groove;
  border-color:#8A2728;
}

.headerTitle{
    background-color:#AC3132;
    
}

footer{
  padding:0.5rem;
  background-color:#C94042;
  border: 1rem;
  border-style:dashed groove;
  border-color:#8A2728;
}
.linkBar{
 background-color:#C94042;
 padding:0.5rem 1rem 0.5rem 1rem;
 justify-self:right;
}

.socialLinks{
 display:flex;
 flex-direction:column;
 justify-content: flex-end;
 justify-self:right;
}
.socialLinks h3{
    margin-bottom: 0;
}
.socialLinks img{
 width:2rem;
 height:2rem;
 padding-right: 0.1rem;
}
.icon{
 width:5rem;
 height:auto;
 margin-top:auto;
 margin-bottom:auto;
}
.container{
 position:relative;
 text-align:center;
 display:flex;
 align-content: center;
 justify-content: center;
}

.siteTitle{
    font-size:5rem; 
    text-align:center; 
    font-family:EggHunter;
    color:black;
}

.imgtxtCenter{
 position: absolute;
 top: 20%;
 left: 50%;
 transform: translate(-50%, 50%);
font-size:3rem;
}


.pageButton {
	box-shadow:inset 0px 0px 0px 0px #232323;
	background-color:#AC3132;
	border-radius:4px;
	border:1px solid #BFBFBF;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:17px;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #854629;
    justify-content: center;
}
.pageButton:hover {
	background-color:#8A2728;
}
.pageButton:active {
	position:relative;
	top:1px;
}