* {
  margin: 0;
  padding: 0;
}
body {
    background: url('storybg.jpg');
    background-size: cover; /* Adjust the background size to cover the entire div */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
   
}
h1 {
  text-align:center;
  width: 100%;
  padding: 20px;
  background-color: #393f4d;
  height: 20px;
  color: white;
}
h2 {
  text-align:center;
  width: 100%;
  font-weight: 200;
  margin-top: 0px;
  background-color: #616161 ;
  color: whitesmoke;
}
h3 {
  text-align:center;
  width: 100%;
  font-weight: 200;
  margin-top: 0px;
  background-color: #d4d4dc ;
  color: black;
}
h4 {
  text-align:center;
  font-style: italic;
  width: 100%;
  height: 25px;
  font-weight: 200;
  margin-top: 0px;
  background-color: #f7cac9 ;
  color: black;
}
p {
  padding-top: 20px;
}
#end {
  text-align:center;
  margin-top: 30px;
}
.content {
  column-count: 2;
  column-gap: 20px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 1200px) {
  h1 {
    height: 80px;
    width: 100%;
    
  }
  h4 {
    height: 100px;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .content {
    column-count: 1;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}