/*::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}*/

/* optional: show position indicator in red */
/*::-webkit-scrollbar-thumb {
    background: #FF0000;
}*/



xxx_html {
  /* IE 10+ */
  -ms-overflow-style: none;
  /* Firefox */
  overflow: -moz-scrollbars-none;
}

xxx_html::-webkit-scrollbar {
  /* Safari and Chrome */
  display: none;
}



html {
 height: 110vh !important; 
 /*overflow: hidden !important;*/
}

body {
  background-color: black;/*white;*/
  color: black;
  font-family: Verdana;
  
  margin: 0;
  padding: 0;
  /*height: 100vh;*/
  height: 110vh !important;
  width: 100vw;
  
  /*overflow: hidden !important;*/
  
  /*height: 200vh;*/
}



.style_text_plain {
  color: black;
  color: rgb(256,128,0);
  /*opacity: 0.5;*/
  /*font-family: 'Righteous', cursive;*/
}



.style_div_logo {
 margin: 0;
 padding: 0;
 width: 100vw;
 position: absolute;
 top: 100vh;
 /*bottom: 0vh;*/
}

.style_div_logo_hover {
    color: black;
    /*height: 100vh;*/
    /*position: fixed;
    top: 30vh;*/
    width: 100vw;
    
    /*transform: scale(y0*(x - x1)/(x0 - x1) + y1*(x - x0)/(x1 - x0));*/
    /*transform: scale((1-amt) * 0.0 + amt * 1.0);*/
    /*transform: scale(2,2);*/
    height: 100vh;
    text-align: center;
    /*background-color: blue;*/
    position: relative;
}

.style_text_logo_apollo {
  text-align: center;
  font-weight: 400; 
  font-size: 10vw;
}

.style_text_logo_down {
  text-align: center;
  font-weight: 900;
  font-size: 8vw;
  line-height: 2vw;
}



.style_img_loXgo {
  opacity: 0.25;
}

.style_img_logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



.style_container {
  margin :0;
  padding: 0;
  height: 110vh;
  width: 100vw;
  /*background-image: linear-gradient(red,purple);*/
  overflow: hidden !important;
}

.style_scene_all {
  margin :0;
  padding: 0;
  width: 100vw;
  height: 110vh;
  position: absolute;
  top: 0vh;
  overflow: hidden !important;
}

.style_scene_sky {
  z-index: -100;
  margin :0;
  padding: 0;
  width: 100vw;
  /*height: 90vh;*/
  height: 200vh;
  
  /*background-image: linear-gradient(hsl(240,75%,25%),hsl(240,75%,25%),purple,orange);*/
  background-image: url(sky.jpg);
  background-size:100% 100%;
  
  position: relative;
  top: 0vh;
}

.style_scene_skyB {
  z-index: -99;
  margin :0;
  padding: 0;
  width: 100vw;
  /*height: 200vh;*/
  height: 150vh;

  background-image: url(sky2.jpg);
  background-size:100% 100%;
  opacity: 0.0;
  
  position: relative;
  top: 0vh;
}

.style_scene_water {
  z-index: -1;
  margin :0;
  padding: 0;
  width: 100vw;
  /*height: 110vh;*/
  height: 150vh;
  
  position: absolute;
  top: 90vh;
  /*background-color: hsl(240, 75%, 25%);*/
  /*background-image: linear-gradient(hsl(285, 75%, 25%), hsl(225, 75%, 25%), hsl(225, 75%, 25%), hsl(225, 75%, 25%));*/
  /*background-image: linear-gradient(hsl(30, 90%, 50%), hsl(225, 75%, 25%), hsl(225, 75%, 25%), hsl(225, 75%, 25%));*/
  
  background-image: url(waterA.jpg);
  background-size:100% 100%;
}

.style_scene_waterB {
  z-index: 0;
  margin :0;
  padding: 0;
  width: 100vw;
  /*height: 110vh;*/
  height: 150vh;
  
  position: relative;
  top: 0vh;
  
  background-image: url(waterB.jpg);
  background-size:100% 100%;
  opacity: 0.0;
}



.style_div_text_middle {
 position: absolute;
 bottom: -100vw;
 width: 100vw;
 text-align: center;
 color: white;
 /*font-family: 'Righteous', cursive;*/
 font-size: 4vw;
}
.style_div_text_middleB {
 bottom: -104vw;
}

.style_div_text_bottom {
 position: absolute;
 bottom: -200vh;
 width: 100vw;
 text-align: center;
 color: white;
 /*font-family: 'Righteous', cursive;*/
 font-size: 8vw;
}



.style_div_logo_img, .style_div_logo_img_sun, .style_div_logo_img_sunB {
  visibility: visible;
  /*background-blend-mode: screen; NO*/
  width: 90vw;
  height: 90vw;
  /*opacity: 0.4;*/
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
  /*position: relative;*/
  position: absolute;
  top: 0vh;
  
  /*transform: rotate(50deg);*/
  /*transform-origin: 120vw 40vw;*/
  left: 5vw;
}

.style_div_logo_img {
  z-index: -10;
  background-image: url(https://apollodown.com/AD-008-E-003.svg);
  mix-blend-mode: screen;
}

.style_div_logo_img_sun {
  z-index: -11;
  background-image: url(https://apollodown.com/AD-008-E-sun.svg);
  mix-blend-mode: overlay;
  /*position: relative;
  top: -180vw;*/
  opacity: 1.0;/*0.5;*/
}

.style_div_logo_img_sunB {
  z-index: -12;
  background-image: url(https://apollodown.com/AD-008-E-sun.svg);
  mix-blend-mode: screen;
  /*position: relative;
  top: -90vw;*/
  opacity: 1.0;/*0.75;*/
}



/*Less or equal to 100vh*/
/*@media only print and (max-width: 100vh) {
  .style_div_logo_ {
    -ms-transform: scale(1, 1); //IE 9
    -webkit-transform: scale(1, 1); //Safari
    transform: scale(1, 1);
  }
  
  .style_text_logo_apollo {
    font-size: 10vw;
  }
  .style_text_logo_down {
    font-size: 8vw;
    line-height: 2vw;
  }
}*/

/*Greater or equal to 100vh*/
@media only all and (min-width: 100vh) {
  .style_div_logo_ {
    -ms-transform: scale(2, 2); /* IE 9 */
    -webkit-transform: scale(2, 2); /* Safari */
    transform: scale(2, 2);
  }
  
  .style_text_logo_apollo {
    font-size: 10vh;
  }
  .style_text_logo_down {
    font-size: 8vh;
    line-height: 2vh;
  }
  
  .style_div_logo_img, .style_div_logo_img_sun, .style_div_logo_img_sunB {
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    width: 90vh;
    height: 90vh;
    /*transform-origin: 120vh 40vh;*/
    left: calc(50vw - 45vh);
  }
  
  /*.style_div_logo_img_sun {
    top: -180vh;
  }
  .style_div_logo_img_sunB {
    top: -90vh;
  }*/
  
  
  
  
  
  .style_div_text_middle {
    bottom: -50vh;
    font-size: 4vh;
  }
  .style_div_text_middleB {
    bottom: -54vh;
  }

  .style_div_text_bottom {
    font-size: 8vh;
  }
}