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

#gamePage{
  user-select: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position:relative;
  height:82vh;
}

/* @font-face {
  font-family: Fontania-MjXr;
  src: url(Fontania-MjXr.ttf);
} */
#logoImage{
	top: 1vh;
}
.toBottom{
  position: fixed;
  bottom: 0vh;
}

#playBtn{
  position: fixed;
  bottom: 16vh;
  left: 4vw;
}

#questionDiv{
  left: 7.8vw;
  height:45vh;
  margin-top :10vh;
}

.topCss{
  right: 0.1vw; 
  margin-top: 2vh;
}

#numPad{
  margin-top: 7vh;
  left: 7.6vw;
}

#equalSign1, #equalSign2{
  /* top: 1vh; */
  left: 0.4vw;
  height: 11vh;
  color: white;
  font-size: 4vw;
  font-weight: bold;
}
#que1, #que2{
	height: 11vh;
}

#multText, #que1, #que2, #ans1, #ans2{
	text-align: center;
	border-radius: 20vh;
    border: 2px solid white;
	user-select: none;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

#soundBtn{
   /* right: 0.5vw; */
	left: 1vw;
}

#multText{
  right: 0.1vw; 
  color: black;
  font-size: 4vw;
  font-weight: bold;
  /* font-family: Times New Roman, Serif; */
}

.queDivCss{
    color: black;
    font-size: 3.5vw;
    font-weight: bold;
    /* font-family: Fontania-MjXr; */
}

.ansDivCss{
    height: 11vh;
    font-size: 3.5vw;
    font-weight: bold;
    /* font-family: Fontania-MjXr; */ 
}

#scoreText{
  left: 8.6vw;
  color: black;
  margin-top: 25vh;
  font-size: 2.8vw;
  font-weight: bold;
  text-align: center;
}

#score{
  top: 40vh;
  left: 1vw;
  right: 3.5vw;
  color: black;
  font-size: 3.5vw;
  font-weight: bold;
  text-align: center;
}
#scoreText{
  left: 8.6vw;
  color: black;
  margin-top: 25vh;
  font-size: 2.8vw;
  font-weight: bold;
  text-align: center;
}

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

.gameOverText{
  color: white;
  font-size: 8vw;
  text-align:center;
  font-weight: bold;
  /* margin-top: 11vh; */
}

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


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; 
  background-color: rgba(0,0,0,0.6); 
  padding:10%;
}
#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;
}
#confirmationText{
  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;
}