@charset "utf-8";

.fade-in-left {
    transform: translateX(-70px);
    opacity: 0;
    transition: opacity 1s, transform 0.5s;
}

.fade-in-bottom {
    transform: translateY(70px);
    opacity: 0;
    transition: opacity 1s, transform 0.5s;
}

.fade-in-right {
    transform: translateX(70px);
    opacity: 0;
    transition: opacity 1s, transform 0.5s;
}

.fade-in-top {
    transform: translateY(-70px);
    opacity: 0;
    transition: opacity 1s, transform 0.5s;
}

.box:first-of-type {
    margin: 80% 5% 5% 5%;
}

.fade-in-big {
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 1.5s, transform 1s;
}

.fade-in-small {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 1.5s, transform 1s;
}

.fade-in {
    opacity: 0;
    transition: opacity 1.5s;
}

.fadein {
    opacity: 1;
    transform: scale(1);
    transform: translateX(0);
}