html.hide-scrollbar::-webkit-scrollbar{
    display: none;
}
html.hide-scrollbar{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.main-wrap .main-text p,
.animation-title{
    opacity: 0;
    transform: translateY(25px);
    transition: transform 1s cubic-bezier(0,0,0.5,1),opacity 1s cubic-bezier(0,0,0.5,1),visibility 500ms cubic-bezier(0,0,0.5,1);
    transition-delay: 0.3s;
}
.main-wrap .main-text p.visible,
.animation-title.visible {
    transform: translateY(0px);
    opacity: 1;
}
.main-wrap .main-text .btn-down img{
    animation: updown 0.5s linear 0s infinite alternate;
}
.section-page .page-title,
.section-page .page-desc{
    transform: translateY(50px) !important;
    opacity: 0;
    transition: all 1s;
}
.section-page .page-title.is-animated,
.section-page .page-desc.is-animated{
    transform: translateY(0) !important;
    opacity: 1;
}
.section-page .hand img:first-of-type{
    top: -16px;
    left: -17px;
    opacity: 0;
    transition: all 1s;
}
.section-page .hand img:nth-of-type(2){
    top: -66px;
    right: -17px;
    opacity: 0;
    transition: all 1s;
}
.section-page .hand img:nth-of-type(3){
    top: -28px;
    right: 52px;
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 1s;
}
.section-page.section-activity .hand img:nth-of-type(3){
    top: -62px;
    right: 70px;
}
.section-page .hand.is-animated img:first-of-type{
    top: -26px;
    left: 37px;
    opacity: 1;
}
.section-page .hand.is-animated img:nth-of-type(2){
    top: -56px;
    right: 37px;
    opacity: 1;
}
.section-page .hand.is-animated img:nth-of-type(3){
    opacity: 1;
}


/* animation */
@keyframes from-bottom {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes updown {
	0% {margin-bottom: 0px;}
	100% {margin-bottom: 5px;}
}