body{  background-color: #00C3FF;    
        padding-top: 60px;
        padding-bottom: 40px;
        margin: 0;
    }

    .container{
        width: 70%;
        margin: auto;
        background-color: 
       
    }

    .fixed-header, .fixed-footer{
        width: 100%;
        position: fixed; 
        background: linear-gradient(45deg, green, yellow);
        padding: 10px 0;
        color: #fff;
    }

    .fixed-header{
        top: 0;
        
    }
    .fixed-footer{
        bottom: 0;
        
    }    
   
    nav a {
        color: #fff;
        text-decoration: none;
        padding: 7px 25px;
        display: inline-block;      
}
  a:hover,a:active {
    background-color: #33FF99;     
}
   

h1:hover {
   
    background-color: #3CD3AD;
    color: #000000;
    padding: 10px; 10px;
    width: auto;
    height: 40px;   
    font-family: georgia; 
    font-size: 20px; 

}

h2:hover  {
    
     text-align: center;
     left: 90px;
     width: 700px;
     font-family: georgia; 
     font-size: 20px; 
}

a.nounderline {
    text-decoration: none;
}

p {
    position: relative;
    left: 70px;
    width: 700px;
    font-family: georgia;

}

h3 {
     text-align: center;
     left: 90px;
     width: 700px;
     font-family: georgia; 
     font-size: 20px; 
}

ol {
    
    position: relative;
    left: 70px;
    width: 700px;
    font-family: georgia;
    
}

.feature {
    color: red;
}

#wrapper { width: 700px;
    margin-left: auto;
    margin-right: auto;
   background-color: #00C3FF; 
}




main { margin-left: 200px;
    margin-right: 160px; padding: 80px; 
    background-color: #33FF99; }