/* Keyframes */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
@keyframes appear-with-opacity {
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes appear-slide-left {
    0%{
        opacity: 0;
        transform: translate(98px );
    }
    100%{
        opacity:1;
        transform:none;
    }
}
@keyframes appear-slide-down {
    0%{
        opacity: 0;
        transform: translate(0,-217px);
    }
    100%{
        opacity:1;
        transform:none;
    }
}

@keyframes change-image-via-opacity-1 {
    
    0%{
        opacity: 1;


    }
    100%{
        opacity:0;
    }
}
@keyframes change-image-via-opacity-2{
    
    0%{
        opacity: 0;

    }
    100%{
        opacity:1;
        transform: rotate(0.01turn);
    }
}
@keyframes make-bigger {
    0%{

        opacity: 1;
    }
    100%{
        transform: scale(1.1,1.1);
    }
}
.scene_element{
    animation-duration: 1s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;
}
.scene_element-appear-with-opacity{
    animation-name: appear-with-opacity;
}

.scene_element-appear-slide-left{
    animation-name: appear-slide-left;
}
.scene_element-appear-slide-down{
    animation-name: appear-slide-down;
}