@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  
  nav {  
    /* This section calls the slideInFromLeft animation we defined above */
    animation: .5s ease-out 0s 1 slideInFromLeft;
  }
  
  /* Added for aesthetics */ 
  body {
    margin: 0;
    font-family: "Segoe UI", Arial, Helvetica, Sans Serif;
  } 

  a {
    text-decoration: none; 
    display: inline-block; 
    margin-right: 10px; 
    color:#fff;
  }