* {
  background: #123528;
}

body {
    box-sizing: border-box;
    margin: auto;
    padding: 15px;
  }
  
  #navbar {
      text-decoration: none;
      list-style: none;
        list-style-type: none;
        list-style-position: initial;
        list-style-image: initial;
      width: 100%;
      border: 1px solid #eaddca;
      margin: auto;
      padding: auto;
      background-color: #123528;
      color: black;
    }
    
  a {
    text-decoration: none;
    color: #eaddca;
  }
  
  a:hover {
    text-color: #brown;
    text-decoration: underline;
  }
  
  .storyheader {
    background-color: #123528;
    padding: 5px;
    border-radius: 3px;
  }
  
  hr {
    color: 1px solid #eaddca;
    width: 100%;
  }
  
  h1, h2, h3 {
    color: #eaddca;
    width: 80%;
  }
  
  h1 {
    font-size: 50px;
    align-content: center;
  }
  
  p {
    color: #eaddca;
    width: 100%;
  }
  
  div {
    width: 80%;
    padding: 15px;
    margin: auto;
  }
  
  .header {
    width: 80%;
    padding: 15px;
    margin: auto;
  }
  
  iframe {
    background-color: rgba(255, 255, 255, 0.5);
  }