.animFlyIn {
    animation: flyIn 2s forwards;
}

.animFocus {
    animation: focus 1s;
}

.animFadeIn {
    animation: fadeIn 2s;
}

.animGlow {
    animation: glow 1.5s ease-in-out infinite alternate;
}

.animFloat {
    animation: float 2s infinite;
}

.animFlyRight {
    animation: flyRight 1s forwards;
}

@keyframes flyIn {
    0% {
        bottom: -200px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes focus {
    0% {
        opacity: 0;
        margin-left: 40px;
    }
    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px rgb(255, 230, 0), 0 0 20px rgb(0, 96, 103), 0 0 30px rgb(255, 226, 94), 0 0 20px #006c82,
          0 0 70px #4ad8ff, 0 0 80px #3ee8ff, 0 0 80px #fff700, 0 0 110px #ffe100;
    }
    to {
    text-shadow: 0 0 5px rgb(255, 230, 0), 0 0 10px rgb(202, 202, 202), 0 0 15px rgb(255, 226, 94), 0 0 10px #005368,
        0 0 35px #005665, 0 0 40px #2f6c7c, 0 0 40px #fff700, 0 0 55px #ffe100;
    }
}

@keyframes float {
    0% {
        padding: 0px 0px 6px 0px;
    }
    50% {
        padding: 6px 0px 0px 0px;
    }
    100% {
        padding: 0px 0px 6px 0px;
    }
}

@keyframes flyRight {
    0% {
        margin: -100px -100px 0px 0px;
    }
    100% {
        margin: 0px 0px 0px 0px;
    }
}