body
{
text-align: left;
background-image: url("/OCs/BG2.png");
border: 2px;
border-style: solid;
max-width: 60%;
margin: auto;
max-height: 80%;
}

#stories-con
{
background-image: url("/OCs/BG1.png");
color: #000000;
text-align: left;
background-color: #A8A89D;
border: 2px;
border-color: #000000;
border-style: solid;
max-width: 1500px;
margin: auto;
overflow: hidden;
}

#nav
{
background-image: url("/OCs/BG3-1.png");
background-color: #1A1A1A;
color: #000000;
border: 2px;
border-color: #000000;
border-style: solid;
text-align: center;
width: 100%;
height: 100%;
object-fit: contain;
}

#nav a
{
margin-left: 5px;
margin-right: 5px;
}

#story
{
background-image: url("/OCs/BG3-2.png");
opacity: 0.5;
flex: 1;
border: 2px;
border-color: #000000;
border-style: solid;
padding: 25px;
}

#footer
{
background-image: url("/OCs/BG2-1.png");
height: 30px;
padding: 15px;
text-align: center;
background-color: #1A1A1A;
color: white;
border: 2px;
border-color: #000000;
border-style: solid;
}


  a:link
  {
  color: #000000;
  text-decoration: none;
  }
  
  a:visited
  {
  color: #000000;
  text-decoration: none;
  }
  
  a:hover
  {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  }