@keyframes fade-in {
    from {
        opacity: 0.3;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.row,
.col,
.animation-fade {
    animation: fade-in linear both;
    animation-timeline: view();
    animation-range: entry 10% entry 50%;
}

.animation-none {
    animation: none !important;
}

/* ======================================================== */

@keyframes animation-logo {
    0% {
        opacity: 0;
        transform: rotate(-540deg) scale(0);
    }

    100% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
}

.animation-logo {
    animation: animation-logo 1s ease 0s 1 normal none;
}