body{ background-color: white;
    overflow: auto;
}
h1{ 
    font-style:normal;
    color: black;
    font-family: Courier new;
    text-allign: center;
    font-size: 20;
}
ul.main-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: none;
   
}
li {
    float: left;
    border-right:dotted;
    border-color: black;
    list-style-type:none;
    font-family: courier new;
    font-style: bold;
}
li:last-child {
    border-right: none;
}
li a {
    list-style-type: none;
    display: block;
    color:black;
    text-align: center;
    padding-left: 30;
    padding-right:30;
    padding-top: 10;
    padding-bottom:10;
    text-decoration:none;
    font-family: courier new;
    font-style: bold;
 
}
li a:hover:not(.active) {
    background-color: black;
    color:white;
}
nav li:nth-child(1) a {
  background: crimson;

}

nav li:nth-child(2) a {
  background: orange;

}

nav li:nth-child(3) a {
  background: yellow;
 
}

nav li:nth-child(4) a {
  background: lightGreen;
 
}
nav li:nth-child(5) a {
    background:lightBlue;
    
}
nav li:nth-child(6) a {
    background:pink;
 
}
nav li:nth-child(7) a {
    background:MediumOrchid;

}
main{
    background-color: white;
}
h2{
  
    font-family: Courier new;
    font-size: 100;
    font-weight: normal;
    font-style: italic;
    text-allign: center;
          
}
div{
   border-style:dotted;
   font-family:courier;
   overflow:scroll;
   position:fixed; 
   top: 200;
   left:50;
   right:50;
   height:400;
   padding: 20;
   letter-spacing: 3;
   text-indent: 50;
}
footer{
    font-family: Courier new;
    position: absolute;
    bottom: 0;
    text-align:right;
    right:10;
    
}