.nav1 {
    text-align: center;
}

.nav1 ul {
    list-style-type: none;
    background-color: black;
    border:20px solid black; 
    cursor: pointer;
    
    }
    .nav1 a {

        color: white;
        text-decoration: none;
        padding: 15px;
      
        text-align: center;  
    }
    
    .nav1 a:hover {
        text-decoration:underline;

    }
   .nav1 li{
    display: inline-block;
    font-size: 20px;
   }
   
   .title{
    text-align: center;
    color:black;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size:25px;
   }
   .title2{
    color:black;
    font-size:15px;
   
   }
   .img1{
    width:70%;
    height:70%;
    border:3px solid black; 
    
  
   }
   @keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
  }