html {
	height: 100%;
}
body {
	user-select: none;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}
.loader
{
  position: fixed!important;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: center no-repeat#afaca7d1;
  z-index: 1;
  /* color: #ffe000; */
}

.toBottom{
	position: fixed;
	bottom: 0vh;
}
.noPadding{
	padding: 0px !important;
}
#gameOverTextDiv {
  color: Black;
  font-size: 7vw;
  font-weight: bold;
  text-align: center;
}

#acknowledgementDiv {
  top: 2vh; 
	display: none;
	text-align: center;
	background-color: #dbdbdb;
	border-radius: 3vw;
  border: 0.22vw solid rgb(129, 47, 161); 
  box-shadow: inset -3px -5px 20px 14px rgb(169, 74, 207);
  /* rgb(111, 22, 122      rgb(180 61 216)); */
}
#developerNameDiv{
    margin-bottom: 2vh;
}
.fontClass{
    font-size:1.3vw;
    margin-top:0.5%;
    color:black;
    line-height: 5vh;
}
.firstLetter:first-letter{
    font-size:1.5vw;
}
/* .blink_me {
    /* background-color: rgba(255, 255, 255, 0.548);   
    animation: blinker 1s linear infinite;
}
@keyframes blinker
{
  50%
  {
      opacity:0.5;
  }
} */

.blink_me
{
    animation:pulse-black 1.5s linear infinite;
}

@keyframes pulse-black {
    0% {
        transform: scale(0.85);
        
    }
    
    70% {
        transform: scale(1);
    
    }
    
    100% {
        transform: scale(0.85);
        
    }
}



/* .bounce_blink_me
{
   animation:bounceCls 1.5s linear infinite;
}
@keyframes bounceCls{
0%, 20%, 53%, 80%, 100% {
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   transform: translate3d(0,0,0);
}
40%, 43% {
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   transform: translate3d(0, -30px, 0);
}
70% {
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   transform: translate3d(0, -15px, 0);
}
90% {
   transform: translate3d(0,-4px,0);
}
} */

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  animation-duration: 1s;
}
#houseImg{
  display: inline;
  width: 10%;
  height: 100%;
}