body,#instructionDiv,#instruction,#secondBuilding,#thirdBuilding,#numberpad,#window5,.chooseNumber
{
background-repeat: no-repeat;
background-position:center;
background-size:100% 100%;
overflow: hidden;
user-select:none;
}
#HomeNLogodiv
{
	margin-top: 1vh;
}
#soundbtnid
{
	margin-top:3vh;
	margin-bottom: 10vh;
}
#arrowImg
{
	margin-top: 2vh;
}
#instructionDiv,#thirdBuilding{
margin-top: 10vh;
}
#resetbtnid
{
	margin-top: 5vh;
}
.se-pre-con 
{
	position: fixed;
	left: 0px;
	top:150px;
	width:100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position:center;
}
#instruction
{
	height: 40vh;
	margin-top:5vh;
	margin-left:2vw;
	font-size: 1.5vw;
	font-weight:bold;
    color: black;
    padding: 3% !important;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.instruction
{
	height: 10vh;
	background-color:white;
	font-size: 2vw;
	font-weight:bold;
    color: black;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	justify-content: center;
	margin-left: 3vw;
	margin-top: 2vh;
}
.window
{
	height: 10vh;
	background-color:white;
	font-size: 2vw;
	font-weight:bold;
    color: black;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	justify-content: center;
	margin-left: 4.5vw;
	margin-top: 2vh;
	margin-bottom: 4vh;
}
.chooseNumberText
{
	height: 9vh;
	display: flex;
	flex-wrap: wrap;
	 align-items: center; 
	justify-content: center;
	margin-top: 0.5vh;
}
.chooseNumber
{
	height: 15vh;
	font-size: 2vw;
	font-weight:bold;
    color: black;
	margin-left: 3vw;
	margin-top: 2vh;
}
#MainDiv
{
	display: none;
}
#questions
{
	margin-top:7vh;
	margin-left:6vh;
	margin-bottom: 7vh;
}

#numberpad
{
	margin-top:5vh;
	font-size: 2.5vw;
	font-weight:bold;
    color: black;
    height: 20vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	/* margin-bottom: 48vh; */
} 
.quetions
{
color:black;
font-size: 1.8vw;
font-weight: bold;
border:0.5px solid gray;
display:flex;
justify-content:center;
align-items:center;
}
.nopadding
{
	padding:0px !important;
}
.pos
{
	position: fixed;
	bottom : 0;
}

.displaynumbers
{
	margin-left:1vw;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.blink_me
{
 animation: blinker 1s linear infinite;
 height: 9vh;
}
@keyframes blinker 
{  
 50% { opacity: 0.5; }
}