.header {
    will-change: transform;
    animation: appearance 1s forwards, top-slide 1s forwards;
}
.header__nav > :last-child {
    animation: top-slide 1.3s forwards;
}

.main-section {
    animation: appearance 1.5s forwards;
}

.introduction-section {
    will-change: transform;
    animation: appearance 1.5s forwards, bottom-slide 2s forwards;
}
.cemetary-images__big {
    animation: bottom-slide 2s forwards;
}

.modal, .music-modal, .selected-music, .order-modal {
    animation: appearance 0.2s;
}

.uploaded-files__file-card,
.filedrop {
    animation: appearance 0.3s;
}

@keyframes appearance {
    0% {
        opacity: 0.0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes top-slide {
    0% {
        transform: translateY(-70%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes bottom-slide {
    0% {
        transform: translateY(70%);
    }
    100% {
        transform: translateY(0%);
    }
}