@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__moveLeftToMiddle {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: 0ms;
    animation-iteration-count: 1;
    opacity: 1;
    animation-name: moveLeftToMiddle;
}

@keyframes moveLeftToMiddle {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.animate__moveRightToMiddle {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: 100ms;
    animation-iteration-count: 1;
    opacity: 1;
    animation-name: moveRightToMiddle;
}

@keyframes moveRightToMiddle {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.animate__moveTopToMiddle {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: 0ms;
    animation-iteration-count: 1;
    opacity: 1;
    animation-name: moveTopToMiddle;
}

@keyframes moveTopToMiddle {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.animate__moveBottomToMiddle {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: 500ms;
    animation-iteration-count: 1;
    opacity: 1;
    animation-name: moveBottomToMiddle;
}

@keyframes moveBottomToMiddle {
    0% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Định nghĩa animation */
@keyframes floatUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); } /* Di chuyển lên 10px */
  100% { transform: translateY(0); }     /* Quay lại vị trí ban đầu */
}

/* Định nghĩa animation */
@keyframes floatDownUp {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(10px); } /* Di chuyển lên 10px */
  100% { transform: translateY(0); }     /* Quay lại vị trí ban đầu */
}