.fadein {
    opacity: 0;
}

.fadein.is-animated {
    animation: fadeIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes fadeIn {
    0% {
        transform: scale(80%);
        opacity: 0;
    }
    100% {
        transform: scale(100%);
        opacity: 1;
    }
}

.slidein {
    opacity: 0;
}

.slidein.is-animated {
    animation: slideIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
    0% {
        transform: translateX(180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
    }
    40%,
    100% {
        opacity: 1;
    }
}

.slidereverse {
    opacity: 0;
}

.slidereverse.is-animated {
    animation: slideReverse 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideReverse {
    0% {
        transform: translateX(-180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
    }
    40%,
    100% {
        opacity: 1;
    }
}

.slideup {
    opacity: 0;
}

.slideup.is-animated {
    animation: slideUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideUp {
    0% {
        transform: translateY(80px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
    }
    40%,
    100% {
        opacity: 1;
    }
}

.zoomin {
    opacity: 0;
}

.zoomin.is-animated {
    animation: zoomIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.zoomin-fast {
    opacity: 0;
}

.zoomin-fast.is-animated {
    animation: zoomIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.slideupzoomin {
    opacity: 0;
}

.position-1 {
    z-index: -1;
    position: relative;
}

.position-2 {
    z-index: 1;
    position: relative;
}

.copyright {
    z-index: 3;
}

.slideupzoomin.is-animated {
    animation: slideUpZoomIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideUpZoomIn {
    0% {
        transform: scale(0.5) translateY(180px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0);
    }
    40%,
    100% {
        opacity: 1;
    }
}