#explanationDiv, #secondPageDiv,  #numberPad{
	overflow: hidden;
	user-select: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#numberPad{
	/* z-index: 1; */
	height: 49vh;
}
#row1{
	margin-top: 2.5vh;
}	
#queDiv{
	top: 3vh;
	z-index: 1;
	padding: 1%;
	height: 16vh;
    position: fixed;
	text-align: center;
	user-select: none;
    background-position: center;
    background-repeat: no-repeat;
	background-size: 100% 100%;	
}
.QueSpanCss{
	z-index: 1; 
	color: black;
    font-size: 1.7vw;
    font-weight: bold;
	margin-left: 0.5vw;
	border-radius: 2vh;
	background-color: #28323229; 
}
.ExtraQueSpanCss{
	color: black;
    font-size: 1.7vw;
    font-weight: bold;
	margin-left: 0.5vw;
}
#explanationDiv, #secondPageDiv{
    top: 5vh;
	left: 3vw;
	height: 75vh;
    position: relative;
}	
.leftCss{
	left: 4.5vw;
}
.leftZeroCss{
	left: 0vw;
}
#fillGivenId{
	margin-top: 2.5vh;
}
.hardCodedTextCss{
	color: black;
	font-size: 1.8vw;
	font-weight: bold;
	text-align: left;
	margin-top: 1vh;
}
.blankDivCss{
	height: 8vh;
	background-color: white;
	border: 2px solid red;
}
.operatorBlankCss{
	background-color: white;
	border: 1px solid black;
}
.clickedNoCss{
	height: 6vh;
	color: black;
	font-size: 2vw;
	font-weight: bold;
	/* text-align: center;	 */
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: white;
	border: 2px solid red;
}
#numPad{
	right: 3vw;
	margin-top: 6vh;
}

#ansExpDiv{
	left: 2vw;
	margin-top: 12.5vh;
}
.marginCss{
	margin-top: 3vh;
}
.operatorDivClass {
	height: 6vh;
	line-height: 5.5vh;
	border-radius: 1vh;
	text-align: center;
    box-shadow: 2px 4px 4px black;
}
.ansHardCodedTextCss{
	color: #fbfb17;
	font-size: 2vw;
	font-weight: bold;
	text-align: left;
}
.borderCss{
	height: 10vh;
	color: black;
	font-size: 3vw;
	font-weight: bold;
	/* text-align: center; */
	display: flex;
    align-items: center;
    justify-content: center;
	border: 2px solid black;
}
#multiplySignDiv, #equalSignDiv2{
	color: #ffe000;
	font-size: 2.8vw;
	font-weight: bold;
	text-align: center;
}
#givenNum1, #givenNum2{
	top: 8vh;
}
#div1, #div3{
	bottom: 7vh;
	height: 6vh;
}
#div2, #div4{
	bottom: 6vh;
	height: 6vh;
}
#div5, #div7, #div9{
	bottom: 8vh;
}
#div6, #div8, #div10{
	bottom: 5vh;
}
.bottomLine{
	bottom: 6.5vh;
	border-bottom: 2px solid black;
}
#continueBtn{
	/* top: 6vh; */
	z-index: 2;
}

#creditDiv{
	margin-top: 4vh;
}

.bounce
{
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);
}
}


.pulse{
	animation: pulse-black 1.5s infinite;
	}
	@keyframes pulse-black {
	0% {
	transform: scale(0.85);
	}
	70% {
	transform: scale(1);
	}
	100% {
	transform: scale(0.85);
	}
	}