body {
  background-color: #2ABC84;
  overflow: hidden;
}
@media only screen 
and (orientation : landscape){
  #theBeak{
    -webkit-animation-name: moving_1, flashing_2;
    animation-name: moving_1, flashing_2;
  }
  #theArrow{
    -webkit-animation-name: moving_2, flashing_2;
    animation-name: moving_2, flashing_2;
  }
  
}
@media only screen 
and (orientation : portrait){
  #myMejiro{
    -webkit-transform: rotate(90deg) scale(1.45);
    transform: rotate(90deg) scale(1.45);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100vh;
    height: 100vw;
  }
  #theBeak{
    -webkit-animation-name: moving_3, flashing_2;
    animation-name: moving_3, flashing_2;
  }
  #theArrow{
    -webkit-animation-name: moving_4, flashing_2;
    animation-name: moving_4, flashing_2;
  }
}
.mejiro-container{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
#myMejiro{
  width: 100vw;
  height: 100vh;
}
#t_hereason{
  -webkit-animation: appearing 9.5s infinite linear;
  animation: appearing 9.5s infinite linear;
}
#t_h_ereason{
  -webkit-animation: appearing 10s infinite linear;
  animation: appearing 10s infinite linear;
}
#th_e_reason{
  -webkit-animation: appearing 10.5s infinite linear;
  animation: appearing 10.5s infinite linear;
}
#the_r_eason{
  -webkit-animation: appearing 11s infinite linear;
  animation: appearing 11s infinite linear;
}
#ther_e_ason{
  -webkit-animation: appearing 11.5s infinite linear;
  animation: appearing 11.5s infinite linear;
}
#there_a_son{
  -webkit-animation: appearing 12s infinite linear;
  animation: appearing 12s infinite linear;
}
#therea_s_on{
  -webkit-animation: appearing 12.5s infinite linear;
  animation: appearing 12.5s infinite linear;
}
#thereas_o_n{
  -webkit-animation: appearing 13s infinite linear;
  animation: appearing 13s infinite linear;
}
#thereaso_n{
  -webkit-animation: appearing 13.5s infinite linear;
  animation: appearing 13.5s infinite linear;
}
#b_irdscanfly{
  -webkit-animation: appearing 14s infinite linear;
  animation: appearing 14s infinite linear;
}
#b_i_rdscanfly{
  -webkit-animation: appearing 14.5s infinite linear;
  animation: appearing 14.5s infinite linear;
}
#bi_r_dscanfly{
  -webkit-animation: appearing 15s infinite linear;
  animation: appearing 15s infinite linear;
}
#bir_d_scanfly{
  -webkit-animation: appearing 15.5s infinite linear;
  animation: appearing 15.5s infinite linear;
}
#bird_s_canfly{
  -webkit-animation: appearing 16s infinite linear;
  animation: appearing 16s infinite linear;
}
#birds_c_anfly{
  -webkit-animation: appearing 16.5s infinite linear;
  animation: appearing 16.5s infinite linear;
}
#birdsc_a_nfly{
  -webkit-animation: appearing 17s infinite linear;
  animation: appearing 17s infinite linear;
}
#birdsca_n_fly{
  -webkit-animation: appearing 17.5s infinite linear;
  animation: appearing 17.5s infinite linear;
}
#birdscan_f_ly{
  -webkit-animation: appearing 18s infinite linear;
  animation: appearing 18s infinite linear;
}
#birdscanf_l_y{
  -webkit-animation: appearing 18.5s infinite linear;
  animation: appearing 18.5s infinite linear;
}
#birdscanfl_y{
  -webkit-animation: appearing 19s infinite linear;
  animation: appearing 19s infinite linear;
}
#a_nd{
  -webkit-animation: appearing 19.5s infinite linear;
  animation: appearing 19.5s infinite linear;
}
#a_n_d{
  -webkit-animation: appearing 20s infinite linear;
  animation: appearing 20s infinite linear;
}
#an_d{
  -webkit-animation: appearing 20.5s infinite linear;
  animation: appearing 20.5s infinite linear;
}
#w_ecan-t{
  -webkit-animation: appearing 21s infinite linear;
  animation: appearing 21s infinite linear;
}
#w_e_can-t{
  -webkit-animation: appearing 21.5s infinite linear;
  animation: appearing 21.5s infinite linear;
}
#we_c_an-t{
  -webkit-animation: appearing 22s infinite linear;
  animation: appearing 22s infinite linear;
}
#wec_a_n-t{
  -webkit-animation: appearing 22.5s infinite linear;
  animation: appearing 22.5s infinite linear;
}
#weca_n_-t{
  -webkit-animation: appearing 23s infinite linear;
  animation: appearing 23s infinite linear;
}
#wecan_-_t{
  -webkit-animation: appearing 23.5s infinite linear;
  animation: appearing 23.5s infinite linear;
}
#wecan-_t{
  -webkit-animation: appearing 24s infinite linear;
  animation: appearing 24s infinite linear;
}
#i_ssimply{
  -webkit-animation: appearing 24.5s infinite linear;
  animation: appearing 24.5s infinite linear;
}
#i_s_simply{
  -webkit-animation: appearing 25s infinite linear;
  animation: appearing 25s infinite linear;
}
#is_s_imply{
  -webkit-animation: appearing 25.5s infinite linear;
  animation: appearing 25.5s infinite linear;
}
#iss_i_mply{
  -webkit-animation: appearing 26s infinite linear;
  animation: appearing 26s infinite linear;
}
#issi_m_ply{
  -webkit-animation: appearing 26.5s infinite linear;
  animation: appearing 26.5s infinite linear;
}
#issim_p_ly{
  -webkit-animation: appearing 27s infinite linear;
  animation: appearing 27s infinite linear;
}
#issimp_l_y{
  -webkit-animation: appearing 27.5s infinite linear;
  animation: appearing 27.5s infinite linear;
}
#issimpl_y{
  -webkit-animation: appearing 28s infinite linear;
  animation: appearing 28s infinite linear;
}
#dot_46{
  -webkit-animation: appearing 28.1s infinite linear;
  animation: appearing 28.1s infinite linear;
}
#dot_45{
  -webkit-animation: appearing 28.2s infinite linear;
  animation: appearing 28.2s infinite linear;
}
#dot_44{
  -webkit-animation: appearing 28.3s infinite linear;
  animation: appearing 28.3s infinite linear;
}
#dot_43{
  -webkit-animation: appearing 28.4s infinite linear;
  animation: appearing 28.4s infinite linear;
}
#dot_42{
  -webkit-animation: appearing 28.5s infinite linear;
  animation: appearing 28.5s infinite linear;
}
#dot_41{
  -webkit-animation: appearing 28.6s infinite linear;
  animation: appearing 28.6s infinite linear;
}
#dot_40{
  -webkit-animation: appearing 28.7s infinite linear;
  animation: appearing 28.7s infinite linear;
}
#dot_39{
  -webkit-animation: appearing 28.8s infinite linear;
  animation: appearing 28.8s infinite linear;
}
#dot_38{
  -webkit-animation: appearing 28.9s infinite linear;
  animation: appearing 28.9s infinite linear;
}
#dot_37{
  -webkit-animation: appearing 29s infinite linear;
  animation: appearing 29s infinite linear;
}
#dot_36{
  -webkit-animation: appearing 29.1s infinite linear;
  animation: appearing 29.1s infinite linear;
}
#dot_35{
  -webkit-animation: appearing 29.2s infinite linear;
  animation: appearing 29.2s infinite linear;
}
#dot_34{
  -webkit-animation: appearing 29.3s infinite linear;
  animation: appearing 29.3s infinite linear;
}
#dot_33{
  -webkit-animation: appearing 29.4s infinite linear;
  animation: appearing 29.4s infinite linear;
}
#dot_32{
  -webkit-animation: appearing 29.5s infinite linear;
  animation: appearing 29.5s infinite linear;
}
#dot_31{
  -webkit-animation: appearing 29.6s infinite linear;
  animation: appearing 29.6s infinite linear;
}
#dot_30{
  -webkit-animation: appearing 29.7s infinite linear;
  animation: appearing 29.7s infinite linear;
}
#dot_29{
  -webkit-animation: appearing 29.8s infinite linear;
  animation: appearing 29.8s infinite linear;
}
#dot_28{
  -webkit-animation: appearing 29.9s infinite linear;
  animation: appearing 29.9s infinite linear;
}
#dot_27{
  -webkit-animation: appearing 30s infinite linear;
  animation: appearing 30s infinite linear;
}
#dot_26{
  -webkit-animation: appearing 30.1s infinite linear;
  animation: appearing 30.1s infinite linear;
}
#dot_25{
  -webkit-animation: appearing 30.2s infinite linear;
  animation: appearing 30.2s infinite linear;
}
#dot_24{
  -webkit-animation: appearing 30.3s infinite linear;
  animation: appearing 30.3s infinite linear;
}
#dot_23{
  -webkit-animation: appearing 30.4s infinite linear;
  animation: appearing 30.4s infinite linear;
}
#dot_22{
  -webkit-animation: appearing 30.5s infinite linear;
  animation: appearing 30.5s infinite linear;
}
#dot_21{
  -webkit-animation: appearing 30.6s infinite linear;
  animation: appearing 30.6s infinite linear;
}
#dot_20{
  -webkit-animation: appearing 30.7s infinite linear;
  animation: appearing 30.7s infinite linear;
}
#dot_19{
  -webkit-animation: appearing 30.8s infinite linear;
  animation: appearing 30.8s infinite linear;
}
#dot_18{
  -webkit-animation: appearing 30.9s infinite linear;
  animation: appearing 30.9s infinite linear;
}
#dot_17{
  -webkit-animation: appearing 31s infinite linear;
  animation: appearing 31s infinite linear;
}
#dot_16{
  -webkit-animation: appearing 31.1s infinite linear;
  animation: appearing 31.1s infinite linear;
}
#dot_15{
  -webkit-animation: appearing 31.2s infinite linear;
  animation: appearing 31.2s infinite linear;
}
#dot_14{
  -webkit-animation: appearing 31.3s infinite linear;
  animation: appearing 31.3s infinite linear;
}
#dot_13{
  -webkit-animation: appearing 31.4s infinite linear;
  animation: appearing 31.4s infinite linear;
}
#dot_12{
  -webkit-animation: appearing 31.5s infinite linear;
  animation: appearing 31.5s infinite linear;
}
#dot_11{
  -webkit-animation: appearing 31.6s infinite linear;
  animation: appearing 31.6s infinite linear;
}
#dot_10{
  -webkit-animation: appearing 31.7s infinite linear;
  animation: appearing 31.7s infinite linear;
}
#dot_09{
  -webkit-animation: appearing 31.8s infinite linear;
  animation: appearing 31.8s infinite linear;
}
#dot_08{
  -webkit-animation: appearing 31.9s infinite linear;
  animation: appearing 31.9s infinite linear;
}
#dot_07{
  -webkit-animation: appearing 32s infinite linear;
  animation: appearing 32s infinite linear;
}
#dot_06{
  -webkit-animation: appearing 32.1s infinite linear;
  animation: appearing 32.1s infinite linear;
}
#dot_05{
  -webkit-animation: appearing 32.2s infinite linear;
  animation: appearing 32.2s infinite linear;
}
#dot_04{
  -webkit-animation: appearing 32.3s infinite linear;
  animation: appearing 32.3s infinite linear;
}
#dot_03{
  -webkit-animation: appearing 32.4s infinite linear;
  animation: appearing 32.4s infinite linear;
}
#dot_02{
  -webkit-animation: appearing 32.5s infinite linear;
  animation: appearing 32.5s infinite linear;
}
#dot_01{
  -webkit-animation: appearing 32.6s infinite linear;
  animation: appearing 32.6s infinite linear;
}




#b_ecause, #f_o_rto, #fo_r_to{
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#b_ecause, #f_orto{
  -webkit-animation: resizing 10s infinite linear;
  animation: resizing 10s infinite linear;
}
#b_e_cause, #f_o_rto{
  -webkit-animation: resizing 10.5s infinite linear;
  animation: resizing 10.5s infinite linear;
}
#be_c_ause, #fo_r_to{
  -webkit-animation: resizing 11s infinite linear;
  animation: resizing 11s infinite linear;
}
#bec_a_use, #for_t_o{
  -webkit-animation: resizing 11.5s infinite linear;
  animation: resizing 11.5s infinite linear;
}
#beca_u_se, #fort_o{
  -webkit-animation: resizing 12s infinite linear;
  animation: resizing 12s infinite linear;
}
#becau_s_e{
  -webkit-animation: resizing 12.5s infinite linear;
  animation: resizing 12.5s infinite linear;
}
#becaus_e{
  -webkit-animation: resizing 13s infinite linear;
  animation: resizing 13s infinite linear;
}
#dot_72{
  -webkit-animation: appearing 13.1s infinite linear;
  animation: appearing 13.1s infinite linear;
}
#dot_71{
  -webkit-animation: appearing 13.2s infinite linear;
  animation: appearing 13.2s infinite linear;
}
#dot_70{
  -webkit-animation: appearing 13.3s infinite linear;
  animation: appearing 13.3s infinite linear;
}
#dot_69{
  -webkit-animation: appearing 13.4s infinite linear;
  animation: appearing 13.4s infinite linear;
}
#dot_68{
  -webkit-animation: appearing 13.5s infinite linear;
  animation: appearing 13.5s infinite linear;
}
#dot_67{
  -webkit-animation: appearing 13.6s infinite linear;
  animation: appearing 13.6s infinite linear;
}
#dot_66{
  -webkit-animation: appearing 13.7s infinite linear;
  animation: appearing 13.7s infinite linear;
}
#dot_65{
  -webkit-animation: appearing 13.8s infinite linear;
  animation: appearing 13.8s infinite linear;
}
#dot_64{
  -webkit-animation: appearing 13.9s infinite linear;
  animation: appearing 13.9s infinite linear;
}
#dot_63{
  -webkit-animation: appearing 14s infinite linear;
  animation: appearing 14s infinite linear;
}
#dot_62{
  -webkit-animation: appearing 14.1s infinite linear;
  animation: appearing 14.1s infinite linear;
}
#dot_61{
  -webkit-animation: appearing 14.2s infinite linear;
  animation: appearing 14.2s infinite linear;
}
#dot_60{
  -webkit-animation: appearing 14.3s infinite linear;
  animation: appearing 14.3s infinite linear;
}
#dot_59{
  -webkit-animation: appearing 14.4s infinite linear;
  animation: appearing 14.4s infinite linear;
}
#dot_58{
  -webkit-animation: appearing 14.5s infinite linear;
  animation: appearing 14.5s infinite linear;
}
#dot_57{
  -webkit-animation: appearing 14.6s infinite linear;
  animation: appearing 14.6s infinite linear;
}
#dot_56{
  -webkit-animation: appearing 14.7s infinite linear;
  animation: appearing 14.7s infinite linear;
}
#dot_55{
  -webkit-animation: appearing 14.8s infinite linear;
  animation: appearing 14.8s infinite linear;
}
#dot_54{
  -webkit-animation: appearing 14.9s infinite linear;
  animation: appearing 14.9s infinite linear;
}
#dot_53{
  -webkit-animation: appearing 15s infinite linear;
  animation: appearing 15s infinite linear;
}
#dot_52, #m_ejiro{
  -webkit-animation: appearing 15.1s infinite linear;
  animation: appearing 15.1s infinite linear;
}
#dot_51, #m_e_jiro{
  -webkit-animation: appearing 15.2s infinite linear;
  animation: appearing 15.2s infinite linear;
}
#dot_50, #me_j_iro{
  -webkit-animation: appearing 15.3s infinite linear;
  animation: appearing 15.3s infinite linear;
}
#dot_49, #mej_i_ro{
  -webkit-animation: appearing 15.4s infinite linear;
  animation: appearing 15.4s infinite linear;
}
#dot_48, #meji_r_o{
  -webkit-animation: appearing 15.5s infinite linear;
  animation: appearing 15.5s infinite linear;
}
#dot_47, #mejir_o{
  -webkit-animation: appearing 15.6s infinite linear;
  animation: appearing 15.6s infinite linear;
}

#t_heyhaveperfectfaith, #they_h_aveperfectfaith, #theyhave_p_erfectfaith, #theyhaveperfect_f_aith, 
#hav_e_faithistohavewings, #havefait_h_istohavewings, #havefaithist_o_havewings, #havefaithistohav_e_wings, #havefaithistohavewing_s{
  -webkit-animation: flashing 5s infinite linear;
  animation: flashing 5s infinite linear;
}
#t_h_eyhaveperfectfaith, #theyh_a_veperfectfaith, #theyhavep_e_rfectfaith, #theyhaveperfectf_a_ith, 
#ha_v_efaithistohavewings, #havefai_t_histohavewings, #havefaithis_t_ohavewings, #havefaithistoha_v_ewings, #havefaithistohavewin_g_s{
  -webkit-animation: flashing 5.5s infinite linear;
  animation: flashing 5.5s infinite linear;
}
#th_e_yhaveperfectfaith, #theyha_v_eperfectfaith, #theyhavepe_r_fectfaith, #theyhaveperfectfa_i_th, 
#h_a_vefaithistohavewings, #havefa_i_thistohavewings, #havefaithi_s_tohavewings, #havefaithistoh_a_vewings, #havefaithistohavewi_n_gs{
  -webkit-animation: flashing 6s infinite linear;
  animation: flashing 6s infinite linear;
}
#the_y_haveperfectfaith, #theyhav_e_perfectfaith, #theyhaveper_f_ectfaith, #theyhaveperfectfai_t_h, 
#h_avefaithistohavewings, #havef_a_ithistohavewings, #havefaith_i_stohavewings1, #havefaith_i_stohavewings2, #havefaithisto_h_avewings, #havefaithistohavew_i_ngs{
  -webkit-animation: flashing 6.5s infinite linear;
  animation: flashing 6.5s infinite linear;
}
#have_f_aithistohavewings, #theyhaveperf_e_ctfaith, #theyhaveperfectfait_h, #havefaithistohave_w_ings{
  -webkit-animation: flashing 7s infinite linear;
  animation: flashing 7s infinite linear;
}
#theyhaveperfe_c_tfaith{
  -webkit-animation: flashing 7.5s infinite linear;
  animation: flashing 7.5s infinite linear;
}
#theyhaveperfec_t_faith{
  -webkit-animation: flashing 8s infinite linear;
  animation: flashing 8s infinite linear;
}

#theBeak, #theArrow{
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }


@-webkit-keyframes appearing {
    0%, 19%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    20%, 99%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    100% {
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}
@keyframes appearing {
    0%, 19%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    20%, 99%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    100% {
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}

@-webkit-keyframes resizing {
    0%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(0) translateX(-50%);
      transform: scale(0) translateX(-50%);
    }
    20%, 80%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(1) translateX(0);
      transform: scale(1) translateX(0);
    }
    100% {
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(0) translateX(-50%);
      transform: scale(0) translateX(-50%);
    }
}
@keyframes resizing {
    0%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(0) translateX(-50%);
      transform: scale(0) translateX(-50%);
    }
    20%, 80%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(1) translateX(0);
      transform: scale(1) translateX(0);
    }
    100% {
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
      -webkit-transform: scale(0) translateX(-50%);
      transform: scale(0) translateX(-50%);
    }
}

@-webkit-keyframes flashing {
    0%, 40%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    60%, 100%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}
@keyframes flashing {
    0%, 40%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    60%, 100%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}
@-webkit-keyframes flashing_2 {
    0%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    50%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    100%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}
@keyframes flashing_2 {
    0%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    50%{
      opacity: 0;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
    100%{
      opacity: 1;
      -webkit-transition: opacity 5s ease-in-out;
      transition: opacity 5s ease-in-out;
    }
}

@-webkit-keyframes moving_1 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(-10vw,-10vh);
      transform: translate(-10vw,-10vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}
@keyframes moving_1 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(-10vw,-10vh);
      transform: translate(-10vw,-10vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}

@-webkit-keyframes moving_2 {
     0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(10vw,10vh);
      transform: translate(10vw,10vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}
@keyframes moving_2 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(10vw,10vh);
      transform: translate(10vw,10vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}
@-webkit-keyframes moving_3 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(-10vh,-5vh);
      transform: translate(-10vh,-5vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}
@keyframes moving_3 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(-10vh,-5vh);
      transform: translate(-10vh,-5vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}

@-webkit-keyframes moving_4 {
     0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(10vh,5vh);
      transform: translate(10vh,5vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}
@keyframes moving_4 {
    0%{
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50%{
      -webkit-transform: translate(10vh,5vh);
      transform: translate(10vh,5vh);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
}