main {
  position: relative; 
  }

header {
  
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  
}
.title {
  display: block ;
 
  z-index: 1;


} 

nav li {
  display: inline-block;
  background-color: #ED9500;
  margin-left:auto;
  margin-right:auto; 
  padding: 7px;
  margin: 1em auto;
  width: 200px;
  border: 2px solid;
  border-radius: 5px;
  list-style-type: none;
     
}

body {
  background-image: url("images/BG.jpg");
  background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   display: block;
   color:white;
  font-family: Verdana;
}

.main-page {
  display: inline-block;
  margin-left:auto;
  margin-right:auto; 
  padding: 7px;
  margin: 1em auto;
  }
  



#about {
  display: block;
  background-color: #ED9500;
  border: 2px solid;
  border-radius: 5px;
  width:  250px;
  height: 800px;
  position: absolute;
  top: 0;
  right: 680px;
 
  
  
  }
  
 #landing-page {
    display: block;
    background-color: #ED9500;
    border: 2px solid;
    border-radius: 5px;
    width:  650px;
    height: 800px;
     position: relative;
     top: 0;
     left: 41%;  
   
 }