body{ background-color: white;
}
h1{ 
    font-style:normal;
    color: black;
    font-family: Courier new;
    text-allign: center;
}
ul.main-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
 
}

li {
    float: left;
    border-right:1 solid black;
}

li:last-child {
    border-right: none;
}


li a {
    display: block;
    color: maroon;
    text-align: center;
    padding: 14 16;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: black;
}
.active {
    background-color: red;
    font-family: Courier new;
}
li{
    float: left;
     list-style-type: none;
}
li a{
    list-style-type: none;
    display: block;
    color: black;
    text-align: center;
    text-decoration: none;
    padding-left: 30;
    padding-right:30;
    padding-top: 10;
    padding-bottom:10;
}
li a:hover{
    background-color: black;
    color: white;
    
    
}
main{
    background-color: white;
}
.typewriter h2 {
  overflow: hidden;
  boader: none;

  
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black; }
}

h2{
    color: crimson; 
    font-family: Courier new;
    font-size: 100;
    font-weight: normal;
    font-style: italic;
    position: fixed;
    top: 50;
    left:10;
         
}
p1{
    color: black;
    font-family: Courier new;
    font-size: 75;
    position: fixed;
    top: 250;
    left:120;
  
}
div{
    border-style:none;
   font-family:courier;
   overflow:scroll;
   position:fixed; 
   top: 200;
   left:50;
   right:50;
   height:400;

   padding: 20;
   letter-spacing: 3;

}
footer{
    color: crimson;
    font-family: Courier new;
    position: fixed;
    bottom: 0;
    left:10; 
}