@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;
}