#soundPreloader {
 /*display:none;*/
} 
#soundPreloader, .endCallout {
  padding-top:7vh;

  width:100vw;
  height:100vh;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  background-color:#071821;
  pointer-events: none;
  text-align:center;
}
#soundPreloader img, .endCallout img {
  clear:both;
  display: inline-block;
  margin:auto;
  width:100vw;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
#soundPreloader #loadingSounds img {
  /*background-image:url("../i/loadingSounds.png");*/
  /*background-repeat:no-repeat;*/
  /*background-position:bottom center;*/
  /*height:10vh;*/
  /*text-indent: -1000%;*/
  width:224px;
}

#soundPreloader #preloaderSpinner img {
  width: 32px;
}

#soundPreloader #controls {
  margin-bottom:4vh;
  height: 100px; overflow: hidden;
}
#soundPreloader #controls img {
  width:100vw;

  max-width:256px;  
}

 #soundPreloader .hidden {
  display:none;
 }
#soundPreloader.hidden {
  /*filter:alpha(opacity=0);*/
  /*-moz-opacity:0;*/
  /*opacity: 0;*/
  /*-khtml-opacity:0;*/
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  position:absolute;
  top:-200vh;
}

#soundPreloader #loadingSounds {
  margin-bottom:1vh;
}

#soundPreloader #preloaderSpinner {
  margin-bottom:5vh;
}

#soundPreloader #pressKey img {
  width: 272px;
}


#overlay {

  /*-webkit-transition: -webkit-box-shadow 1s ease-out;*/
  /*-moz-transition: -webkit-box-shadow 1s ease-out;*/
  /*-o-transition: -webkit-box-shadow 1s ease-out;*/
  /*transition: -webkit-box-shadow 1s ease-out;*/




  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;


  /*-webkit-transition: background-color 1s ease;*/
  /*-moz-transition: background-color 1s ease;*/
  /*-o-transition: background-color 1s ease;*/
  /*transition: background-color 1s ease;*/


  z-index:100;
  position:absolute;
  pointer-events:none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /*-webkit-box-shadow: inset 0px 0px 20vw rgb(255 131 0 / 79%);*/
	display: table;

  mix-blend-mode: overlay;
  
   background-image: linear-gradient(rgb(255 236 102 / 31%), rgb(68 103 0 / 58%));



 
}
#overlay.white {
	-webkit-box-shadow: none; 
  background-color: none;

}
#overlay.fall {
-webkit-box-shadow: inset 0px -10vw 30vw 20vw rgba(255,0,0,1);
-moz-box-shadow: inset 0px -10vw 30vw 20vw rgba(255,0,0,1);
box-shadow: inset 0px -10vw 30vw 20vw rgba(255,0,0,1);
background-color: #ff7100;
background-image:none;
}

#overlay.winter {
  -webkit-box-shadow: inset 0px 0px 40vw rgb(0 230 255 / 70%);
  -moz-box-shadow: inset 0px 0px 40vw rgb(0 230 255 / 70%);
  box-shadow: inset 0px 0px 40vw rgb(0 230 255 / 70%);
  background-color: #00beff38;

  /*background-image: linear-gradient(rgb(0 0 0), rgb(0 230 255 / 70%));*/
background-image:none;
  
}

#overlay.spring {
  -webkit-box-shadow: inset 0px -200px 188px -113px rgba(74,64,0,1);
  -moz-box-shadow: inset 0px -200px 188px -113px rgba(74,64,0,1);
  box-shadow: inset 0px -200px 188px -113px rgba(74,64,0,1);
  background-color: #fff20073;

 /*background-image: linear-gradient(rgb(230 138 0), rgb(255 129 0 / 91%));*/
background-image:none;
 
}
#overlay.summer {
  -webkit-box-shadow: inset 0px 0px 300px -62px rgba(0,0,0,1);
  -moz-box-shadow: inset 0px 0px 300px -62px rgba(0,0,0,1);
  box-shadow: inset 0px 0px 300px -62px rgba(0,0,0,1);
  background-color: rgb(20 255 0 / 40%);
background-image:none;

}
@-moz-document url-prefix() {
  #overlay{
    display:none !important; 
  }
}


html, body {
  background-color:#fff !important;
}

#game {
  background-color:#000;
}


body.stop-transitions * {
  transition: none !important;
}

.endCallout {
  padding-top:0; 
  -webkit-transition: opacity 2s ease-out;
  -moz-transition: opacity 2s ease-out;
  -o-transition: opacity 2s ease-out;
  transition: opacity 2s ease-out;
  
}
.endCallout img {
    max-width: 640px;
}

.endCallout.hidden {
  opacity:0;
}

#holder {
  height:70px;
}