@charset "UTF-8";

/****** Index ******/
#index .transOn {transform:translateY(10%);opacity:0; transition:opacity 1s ease, transform 1s ease;}
#index .myGallery h1 {opacity:0; transition:opacity 1s ease;}
#index .myGallery .innerBox > div:nth-of-type(1) {transform:translateX(-10%);opacity:0; transition:opacity 1s ease, transform 1s ease;}
#index .myGallery .innerBox > div:nth-of-type(2) {transform:translateX(10%);opacity:0; transition:opacity 1s ease, transform 1s ease;}
#index .myGallery .innerBox > div:nth-of-type(3) {transform:translateY(10%);opacity:0; transition:opacity 1s ease, transform 1s ease;}

#index .animate {transform:translateY(0);opacity:1;}
#index .myGallery h1.animate {opacity:1;}
#index .myGallery .innerBox > div:nth-of-type(1).animate {transform:translateX(0);opacity:1;}
#index .myGallery .innerBox > div:nth-of-type(2).animate {transform:translateX(0);opacity:1;}
#index .myGallery .innerBox > div:nth-of-type(3).animate {transform:translateY(0);opacity:1;}

.animate {
    transition:opacity 1s ease, transform 1s ease;
    transform:translate3d(0, 0, 0)!important;
    opacity:1!important
}