@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap&text=HOMEAWAYUPMCINGPST');
.animate{
    display:block !important;
    animation: scaleDown 5s linear forwards;
}

.show{
    display:block !important;
}

@keyframes scaleDown {
    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1.5);
    }
    80%{
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) scale(1);
    }
}
.animateRightToCenter{
    display:block !important;
    animation: rightToCenter 5s linear forwards;
}
@keyframes rightToCenter {
    0% {
        opacity: 1;
        transform:  translateX(30%);
    }
    80%{
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform:  translateX(-40%);
    }
}
.animateLeftToCenter{
    display:block !important;
    animation: leftToCenter 5s linear forwards;
}
@keyframes leftToCenter {
    0% {
        opacity: 0;
        transform:  translateX(-90%);
    }
    80%{
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform:  translateX(-40%);
    }
}