html {
	height: 100%;
}
body {
	user-select: none;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 30vh;
	width: 100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position: center;
}

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

#acknowledgementDiv {
    margin-top: 4vh; 
	display: none;
	text-align: center;
	background-color: aliceblue;
	border-radius: 3vw;
    border: 0.22vw solid black;
    box-shadow: 5px 6px 2px black;
}
#developerNameDiv{
    margin-bottom: 2vh;
}
.fontClass{
    font-size:1.3vw;
    margin-top:1vh;
    color:black;
}
.firstLetter:first-letter{
    font-size:1.5vw;
}

.ui-draggable-helper {
  white-space: nowrap;
  font-size: 1vw;
  z-index: 1000;
}

.blink_me {
    background-color: #f5dcdc; /* rgba(255, 255, 255, 0.548); */ 
    animation: blinker 1s linear infinite;
}
@keyframes blinker
{
  50%
  {
      opacity:0.5;
  }
}

@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;
}