@charset "utf-8";

@keyframes shake01 {
    0% {
        transform: none;
    }
    10% {
        transform: translate3d(1%, 0, 0);
    }
    20% {
        transform: translate3d(-1%, 0, 0);
    }
    30% {
        transform: translate3d(1%, 0, 0);
    }
    40% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, 0, 0);
    }
    60% {
        transform: translate3d(0, 0, 0);
    }
    70% {
        transform: translate3d(0, 0, 0);
    }
    80% {
        transform: translate3d(0, 0, 0);
    }
    90% {
        transform: translate3d(0, 0, 0);
    }
    99% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: none;
    }
}

.shake01{
    animation-name: shake01;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.fadein {
    &.scrollin {
        opacity: 1 !important;
        /* transform: translate(0, 0) !important; */
    }
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}