.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: 125px;
  }
  body {
  
    background: #007bff;
    background: linear-gradient(to right, #0f6be4, #33AEFF);
    background: url("images/69.jpg") center;
    
    font-family: 'Nunito', sans-serif;
  
  }

  
  
 

  .navbar
  {
      background-image: linear-gradient(to right, #fdfbfb, #fffdfd);
      padding: 30;
      font-family: 'Nunito', sans-serif;
      box-shadow: 2px 2px 8px rgba(247, 39, 39, 0.5);
  }
  .navbar-brand
  {
    height: 50px;
    padding-bottom: 0px;
    font-family: 'Nunito', sans-serif;
  }
  
  .button {
    background-color: #d16d6d; /* Green */
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    width: 150px;
    font-size: 16px;
    margin: 10px 15px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
  

  
  .button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  }
  
  
  .navbar li a{
    color: rgb(128, 211, 128);
    font-weight: 500;
  }
  
  .typewriter
  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 150px;
    margin-bottom: 150px;
    
  }
  
  .typewrite{
    color: #df606b;
  }
  
                          
                
  
  
  
  
  
.final{
  margin-bottom: 150px;
  margin-top: 80px;
}
  
 
  
li:hover{
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 25px 25px 25px 25px;
  background-color: #e99c9c;
}

li{
  width: 115px;
  height: 40px;
  margin: 1px;
  float: left;
  
}

li a{
  color: #fcfafa;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}