.out-view {
	opacity: 0;
	transform: translateY(var(--size-xl));
	transition: all 2s ease;
}
.in-view {
	opacity: 1;
	transform: translateY(0);
	transition: all 2s ease;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.8s forwards;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes oscillate {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(calc(-1 * var(--size-l))); }
	100% { transform: translateY(0); }
}