@font-face {
    font-family: 'Arcade2'; 
    src: url("jmh-cthulhumbus-arcade.cthulhumbusarcade-regular.otf");
}

body{
background-color: black;
background-size: 174px;
background-image: url(greek_tile4.png);
font-family: 'Arcade2', serif;
}

/* general text stuff */
p{
  font-size: 1em;
}

a:link{
color: white;
text-decoration: underline;
}

a:visited{
color: white;
text-decoration: underline;
}

a:hover{
  color: black;
  background-color: white;
  transition-duration: 300ms;
}
/* general text stuff */

/* makes the whole thing centered */
#container{
display: flex;
justify-content: center;
align-items: center;
width: 1200px;
margin: 20px auto 20px auto;
box-shadow: 0px 0px 50px 50px rgba(0,0,0,.5);
}

#box{
width: 1200px;
background-color: black;
color: white;
border: 5px solid #ffab91;
box-shadow: 0 0 0 10px #E64919;
border-radius: 25px;
padding: 20px;
}
/* makes the whole thing centered */

/* sidebar */

#side{
float: right;
width: 420px;
padding: 0px 0px 5px 10px;
overflow: hidden;
margin-top: 6px;
}

#headerimage{
  position: relative;
  image-rendering: pixelated;
  width: 100%;
  margin-bottom: -45px;
  z-index: 6;
}

#sideimage{
  position: absolute;
  image-rendering: pixelated;
  width: 50px;
  z-index: 6;
  top: 300px;
  left: 1232px;
}

.sidebox{
border: 1px solid white;
margin: 0px 0px 5px 0px;
}

#Minimap{
  position: relative;
  width: 418px; 
  height: 420px;
  z-index: 0;
  border: none;
}

.subheader{
border-top: 1px solid white;
padding: 3px 10px;
color: white;
letter-spacing: 3px;
z-index: 2;
}

.subheader h3{
margin: 0px;
}
/* sidebar */

/* main layout */
#main{
float: left;
width: 700px;
overflow: hidden;
padding: 0px 10px 5px 0px;
margin-bottom: 20px;
}

#backgroundimage{
  position: absolute;
  z-index: 0;
  width: 700px;
  image-rendering: pixelated;
  border: 1px solid white;
}

.header{
position: relative;
border-bottom: 1px solid white;
padding: 8px 10px 0px 10px;
color: #fff;
letter-spacing: 3px;
z-index: 1;
}

.header h1{
margin: 0px 0px;
font-size: 3em;
text-shadow: 3px 3px black;
}

.mainboxescontent{
position: relative;
color: white;
font-size: 17px;
z-index: 1;
padding: 10px;
margin-left: 1px;
background-color: rgba(0,0,0,.75);
height: 533px;
overflow: auto;
}

.mainboxescontent p{
line-height: 1.5em;
}
/* main layout */

/* footer layout */
#footer{
clear: both;
padding: 3px;
border: 1px solid white;
color: white;
font-size: 14px;
}

#footer p{
margin: 0px;
}
/* footer layout */