body,#instructionDiv,#instruction,#secondBuilding,#thirdBuilding,#numberpad,#window5,#greenwindow5,.chooseNumber
{
background-repeat: no-repeat;
background-position:center;
background-size:100% 100%;
overflow: hidden;
user-select:none;
}
#soundbtnid
{
	margin-top:3vh;
	margin-bottom: 10vh;
}
#instructionDiv,#thirdBuilding{
margin-top: 10vh;
}
#HomeNLogodiv
{
	margin-top:1vh;
}
#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: 2vw;
	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;
}
#numberSystemDiv {
    background-color: #2aa6b5;
    border: 2px solid black;
    border-radius: 2vw;
	margin-top: 4vh;
	margin-left: 5vh;
}
.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-bottom: 3vh;
	margin-top: 1vh;
}
.chooseNumberText
{
	height: 9vh;
	display: flex;
	flex-wrap: wrap;
	 align-items: center; 
	justify-content: center;
}
.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;
}
.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;
}
.calValuesClass
{
	text-align: center;
	font-size: 2.5vw;
	font-weight:200;
	font-family: 'Abril Fatface', serif;
	background-color:	rgb(55, 85, 138);
	color:	#fff;
	border: 1px solid black;
    border-radius: 1vw;
    box-shadow: 0.6vh 0.6vh #181717;
	outline:none;
	margin-bottom:1.5vh;
}
.rowClass
{
	margin-top:1vh;
}
.calValuesClass:active 
{
  background-color: #3e8e41;
  box-shadow: 0.4vh 0.4vh #666;
  transform: translateY(4px);
}
.calButtonClass
{
	background-color: #4CAF50;
	color:#fff;
	border: 1px solid black;
    border-radius: 1vw;
    box-shadow: 0.6vh 0.6vh #181717;
	outline: none;
}
.calButtonClass:active
{
  background-color: #3e8e41;
  box-shadow: 0.4vh 0.4vh #666;
  transform: translateY(4px);
}
.glyphicon 
{
	top:0px;
	line-height: inherit;
}
.glyphiColor {
    color: white;
	font-size: 2.5vw;
}
#gameover
{
	text-align:center;
	font-size:4.5vw;
	margin-top:3vh;
	color:black;
}
#creditbtnid
{
	margin-top: 6.5vh;
}
#acknowledgementDiv
{
margin-top:1%;
padding-top:5vh;
padding-bottom:5vh;
}
.fontClass
{
font-size:1.5vw;
margin-top:1.5%;
color:white;
text-align: center;
}