.moto {
    animation: fadeInUp 1s ease-out;
}

.cnt_top {
    opacity: 0;
    animation: fadeInHeader 1.5s ease-out forwards;
}

.reference-slide {
    transition: all 0.5s ease;
}

.reference-slide:hover {
    transition: 0.5s ease;
    transform: translateY(-15px);
}

.column1, .column2, .column3, .column4, .column5, .column6, .reference-slide { opacity: 0; }

/* Animace */
@keyframes anim-swap-from-bottom {
    from { opacity: 0; transform: translateY(50px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes anim-swap-from-left {
    from { opacity: 0; transform: translateX(-100px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes anim-swap-from-right {
    from { opacity: 0; transform: translateX(100px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInDown1 {
    from { opacity: 0; transform: translateY(-90px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown2 {
    from { opacity: 0; transform: translateY(-60px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateX(-100%); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInHeader {
    from { opacity: 0; transform: translateY(-30px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes neonFlicker {
    0%, 100% {
        text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #193341, 0 0 20px #091041, 0 0 25px #ff00ff, 0 0 30px #ff00ff, 0 0 35px #ff00ff;
    }
    50% {
        text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #091041, 0 0 20px #091041, 0 0 25px #ff00ff, 0 0 30px #ff00ff, 0 0 35px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff, 0 0 75px #ff00ff;
    }
}


@media (prefers-reduced-motion: no-preference) {
    .swap-from-left   { 
        animation: anim-swap-from-left 1s 1; 
        opacity: 1;
    }
    .swap-from-right  { 
        animation: anim-swap-from-right 1s 1; 
        opacity: 1;
    }
    .swap-from-bottom  { 
        animation: anim-swap-from-bottom 1s 1; 
        opacity: 1;
    }
}

@media only screen and (max-width: 480px) {
    .cnt_top {
        opacity: 1;
        animation: unset;
    }
}