@keyframes fadeIn {
  from {opacity: 0; }
  to {opacity: 1; }
}

@keyframes fadeOut {
  from {opacity:  1; }
  to {opacity: 0; }
}

@-webkit-keyframes fadeIn {
  from {opacity: 0; }
  to {opacity: 1; }
}

@-webkit-keyframes fadeOut {
  from {opacity: 1; }
  to {opacity: 0; }
}

.fadeIn{
  animation: fadeIn;
  animation-duration: 0.5s;
}

.fadeOut{
  animation: fadeOut;
  animation-duration: 0.5s;
}