.fadein,
.fadeout {
    animation-name: opaIn;
    animation-duration: .2s;
    animation-iteration-count: 1;
    animation-delay: 0s;
}

.fadeout {
    animation-name: opaOut;
}

@keyframes opaIn{
    0% {
        opacity: 0;
    }
    50% {
        opacity: .6;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opaOut{
    0% {
        opacity: 1;
    }
    50% {
        opacity: .4;
    }
    100% {
        opacity: 0;
    }
}