html{
        height:100%;
} 
body{
 background-attachment:fixed;
 background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 overflow:hidden; 
 user-select:none;
}
.nopadding{
    padding:0% !important;
}
.se-pre-con{
position: fixed;
left: 0px;
top:150px;
width:100%;
height: 100px;
z-index: 9999;
background-repeat: no-repeat;
background-position:center;
}
#logo
{
  top:1vh;
}
#playGame{
  position:fixed;
  bottom: 16vh;
  left: 4vw;
}
#nextButtonDiv,#nextGameDiv{
    position: fixed;
    bottom: 0%;
}
#gamePage{ 
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height:82vh;
  display:none;
}
.questionClass{
  left:16vw;
  height:45vh;
  margin-top: 10vh;
}
.divIdClass{
	height:11vh;
  display: inline-flex;
  margin-top: 2vh;
}
.innerDivClass{
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-attachment: fixed;
   height:100%;
   border: 2px solid white;
   border-radius: 12vh;
   text-align:center;
}
#titleId{
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:100% 100%;
  border-radius:12vh;
  border: 2px solid white;
  text-align:center;
	color:black;
	font-size:4vw;
	font-weight:bold;
}
#questionDiv
{
  left:0.1vw;
}
.AnswerDivIdclass{
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:100% 100%;
  height:11vh;
  color: black;
  font-size: 3.5vw;
  font-weight:bold;
  border-radius:12vh;
	border: 2px solid white;
  text-align:center;
}
#scoreId{
  margin:25vh 0px 0px 17vw;
}
#score{
  color:black;
  text-align: center;
  font-weight:bold;
  font-size: 3.5vw;
  margin-left:17.8vw;
}
.scoreSpanClass{
  font-size:2.8vw;
  color:black;
  text-align: center;
  font-weight:bold;
}
.spanIDclass {
    font-size: 3.5vw;
    color:black;
	  font-weight: bold;
    margin:2vh 0px 0px 1vw;
}
.equalClass
 {
	 font-size: 4vw;
   color:white;
	 font-weight: bold;
   left:0.4vw;
}
#soundlogo{
  left:1vw;
}
.highlightZero
{
  color: red;
}
 #gameOver{
  margin-top: 8vh; 
  font-size: 6vw;
  text-align: center;
  font-weight: bold;
  color:white;  
  left:4vw;
}
.blink_me{
  animation: blinker 1s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0.5; }
}
.keypadClass{
  left:16vw;
  margin-top:7vh;
}
#responseBoxDiv{
    display: none; 
    position: fixed; 
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
}
.overlay{
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}
.modal-content{
    background-color:rgba(38, 59, 95, 0.611764705882353);
    box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
    border: 4px solid white;
    margin-top: 4vh;
}
#confiramtionText{
    font-size: 3vw;
    line-height: 10vh;
}
#responseBox {
   margin-top: 25vh;
   background-color: #185b94;
   color: white;
   position:relative;
   top:0;
   left:0;
   height: 59vh;
   padding:2vh;
}
#btnDiv{
    margin-top:3vh;
}
#Yes,#No{
    background-color:rgb(249,185,0);
    color:black;
    font-size:2.5vw;
    font-weight:bold;
}
.blink-image{
    animation: blink 1s linear infinite;
}
@keyframes blink{
  50%
    {
        opacity:0.5;
    }
}
#starsDiv{
    margin-top: 7vh;
}
@media only screen and (max-width:640px)
{
  .AnswerDivIdclass{
    left:1vw;
  }

} 