web_astroport_one/app/themes/joystick-v20/style3428.css

/**
Theme Name: Latest October revamp
Author: Joystick
Description: October 2019 revamp
Version: 20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joystick-hbo-pied-piper
*/

body{
    overflow-x: hidden;
}

video {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    object-fit: cover;
}


/* ANIMATIONS */

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-element {
    animation: fade-in 1.4s;
    animation-fill-mode: forwards;
}

.fade-in-element-first-delay {
    animation: fade-in 1.4s 0.5s;
    animation-fill-mode: forwards;
}

.fade-in-element-second-delay {
    animation: fade-in 1.4s 0.75s;
    animation-fill-mode: forwards;
}

.slide-up-animation-first-delay,
.slide-up-animation-second-delay{
    opacity:0;
}

.hidden {
    opacity: 0;
}

.slide-up-animation {
    display: block;
}

@keyframes slide-in-left {
    from {
        opacity:0;
        transform: translateX(-100vh);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-in-right {
    0% {
        opacity:0;
        transform: translateX(100vh);

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

.slide-in-left{
    animation: slide-in-left 1s ease-in 0.5;
}

.slide-in-left-first-delay{
    animation: slide-in-left 1s ease-in 1s;
}

.slide-in-left-second-delay{
    animation: slide-in-left 1s ease-in 1s;
}

.slide-in-right{
    animation: slide-in-right 1s ease-in 0.5s;
}

.slide-in-right-first-delay{
    animation: slide-in-right 1s ease-in 1s;
}

.slide-in-right-second-delay{
    animation: slide-in-right 1s ease-in 1s;
}