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

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

.fadein {
    animation: fadein 0.5s;
    animation-fill-mode: forwards;
}

.fadeout {
    animation: fadeout 0.5s;
    animation-fill-mode: forwards;
}