body {
    background-color:olive;
   height:550px;
   width:500px;
  
    padding:10% 10% 10% 10%;
    
   border: double 99px;
   }

   
   ul{width: 120px;
   border: 55px double;
   padding: 5px;
   list-style: circle;
   }
   

   a{
    text-decoration: none;
   
    
   }  
    
h1{
    font-style: italic;
    font-size:5em; 
    margin: inherit;
    font-size: 67px;
    color: orange;
    }
h2{font-style: italic;
font-size: 40px;     
color: lime;
}


  
h3{font-size: 25px;    
    font-style: italic;
    
    }
    


.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: blue;
   font-size: 20px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: aqua;
   background: #1b435e;
   }