.nav-bg {
    background-color: #587ae6;
}

.nav-li {
    color:white;
    text-decoration: none;
    font-size:20px;
}

.nav-li:hover{
    text-decoration:none;
    background: #7993E7;
    transition: .5s;
    color:white;
    font-size:20px;
}

.nav-btn {
    color:#fff; 
    font-size:28px;
}

.nav-link{
    color:white;
}


/* transition */
@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  
  .imageT {  
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 6s ease-out 0s 1 slideInFromLeft;
  }
  
  .imageT2 {  
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 4s ease-in-out 0s 1 slideInFromLeft;
  }
  
  /* footer */
  .foot {
    position:fixed;
    bottom:0;
    width:100%;
    height:30px;
 }