@media (width: 1166px) {
  #cover {position: absolute;
  left: 1000px;
top: 147px;

  }
}

@media (width: 900px) {
  #storyhead {display: flex;
flex-wrap: wrap;
justify-content: space-between;

  }
}

@media (width: 900px) {
  #cover {display: flex;
justify-content: space-between;
flex-wrap: wrap;

  }
}

@media (width: 900px) {
  #shelf {display: flex;
flex-wrap: wrap;
justify-content: space-between;

  }
}

@media (width: 200px) {
  #summary {display: flex;
flex-wrap: wrap;
justify-content: space-between;

  }
}

h1 {color: #D0E4E1;
text-align: center;
padding: 5px;
 font-style: italic;
    font-family: "Times New Roman";
     border: 0;
    border-bottom: 5px solid #ccc;
}

h4{
  text-align: center;
  font-size: 15px;
  font-size:1em;
  }
  
  #nav {font-family: times;
font-size: 16px;
display: flex;
justify-content: space-evenly;
}

a {color: #D0E4E1;
  }
  
body {
font-size: 16px;
font-family: "helvetica";
color: #FFD580;
background-image: url('Night Sea.gif');
background-repeat: no-repeat;
background-size: cover;
border-width: 5px;
border-color:#FF5D00;
}


html {
  margin: 1000;
  padding:0;
  min-height: 100vh;
}

#cover{
font-size:0.9em;
font-family: times;
}

#storyhead
{font-family:times;
font-size: 0.9em;
  }

 #header {background-color: darkblue;
font-family: "Times New Roman";
font-size: 19px;
margin: 20px;
padding: 15px;
border-style: solid;
border-color: #FFA54C;   
    }
    
     #ideas {background-color: #111856;
font-family: "Times New Roman";
font-size: 19px;
padding: 20px;
margin: 20px;
border-style: solid;
border-color: #FFA54C;
   
    }

  #about{  
    position: relative;
  left: 300px;  
    }
    
    #ideas {background-color: #111856;
font-family: "Times New Roman";
font-size: 19px;
max-width: 750px;
padding: 20px;
border-style: solid;
border-color: #FFA54C;
margin: auto;

}

ul {background-color: #111856;
font-family: "Times New Roman";
font-size:19px;
margin: 6px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 5px;
border-style: solid;
border-width: 0;
border-color: #FFA54C;
  
  }
  
   #excerpt {
  text-indent: 50px;
  color: white;
  background-color: black;
  font-family: Times;
  border-style: inset;
  margin: 6px;
padding: 20px 20px 5px;
font-size: 20px;
}

 /* 
this might be useless, but I'll leave it just in case
 .summary {
  color: #D0E4E1;
  background-color: black;
  font-family: Times;
  border-style: inset;
padding: 20px 20px 5px;
font-size: 20px;
}*/

/* this is the summary info*/
h2 {height: 100px;
            font-size: 14px;
            background-color: black;
            padding: 20px;
            text-align: center;
  }
  
  .shelf {
  display: flex;
  
}

.summary {
flex: 1;
}


  #next
          {text-align: right;        
          
          }
  
    
       .newheader {background-color: #111856;
font-family: "Times New Roman";
font-size: 19px;
padding: 20px;
border-style: solid;
border-color: #FFA54C;
   position: absolute;
   width: 749px;
   left:0;
   top:350px;
    }
    
    .about {width:0;
      
      }
    
    .ending {text-align: center
      
      }
      
      .start {
font-family: "Times New Roman";
font-size: 0.9em;
        
        }
        
        .inspo{position: relative;
        bottom: 600px;
          
          }