body{
			font-size: 2vh;
			font-family: monospace;
			height: 100%;
			width : 100%;
		}

		#StartContainer {
			display: block;
			margin : 20px auto;
			background-color: white;
			height: 90vh;
			width : 60vh;
			border-radius: 5px;
			box-shadow: 0vh 1vh 3vh 0vh;
			position: relative;
		}
		#StartContainer title{
			display: block;
			font-size: 3.5vh;
			font-weight: bold;
			width:50vh;
			text-align: center;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top:4%;
			color : grey;
		}
		#StartContainer rules{
			display: block;
			font-size: 2vh;
			width:50vh;
			text-align: center;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top:4%;
			color : grey;
		}
		#StartImg{
			display: block;
			border: 2px solid;
			margin-left: auto;
			margin-right: auto;
			top:2%;
			width : 40vh;
			height : 40vh;
		}
		#Bstart{
			display: block;
			font-size: 3vh;
			font-weight: bolder;
			border : 0.5vh solid grey;
			text-align: center;
			padding: 1vh;
			cursor: pointer;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top: 4vh;
			width: 25vh;
			color : grey;
		}
		#Bstart:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		}
		#StartLogo1 {
			display: block;
			position: absolute;
			top: 79vh;
			left: 3vh;
			height : 10vh;
		}
		#StartLogo2 {
			display: block;
			position: absolute;
			top: 80vh;
			left: 19vh;
			height : 8vh;
		}
		#StartLogo3 {
			display: block;
			position: absolute;
			top:80vh;
			right: 3vh;
			height : 7.5vh;
		}

		#QuestionContainer{
			display: block;
			margin : 20px auto;
			background-color: white;
			height: 90vh;
			width : 60vh;
			border-radius: 5px;
			box-shadow: 0vh 1vh 3vh 0vh;
			position: relative;
		}
		#question{
			display: block;	
			position: absolute;
			width:60vh;
			height : 10vh;
			left: 2vh;
			padding : 10px;
			font-size:  2.2vh;
			font-weight: bolder;
		}
		#reviewLabel{
			display: block;	
			position: absolute;
			right : 2%;
			top: 2%;
			padding : 10px;
			width : 60vh;
			font-size: 2vh;
			text-align: right;
		}
		#QuestionImg{
			display: block;	
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top : 8vh;
			width : 45vh;
			height : 45vh;
		}
		#QuestionImg img{
			width : 45vh;
			height : 45vh;
		}
		#QuestionChoices{
			display: block;
			position: relative;
			margin-left: 3vh;
			width : 48vh;
			top : 10vh;
		}
		.QuestionChoice{
			display: inline-block;
			width : 48vh;
			height : 4vh;
			font-size: 2vh;
			text-align: left;
			border : 0.2vh solid grey;
			border-radius: 2vh;
			cursor: pointer;
			padding : 1.2vh;
			margin : 1.5vh;
		}
		.QuestionChoice:hover{
			border : 0.3vh solid black;
			font-weight: bold;
		}
		.AnswerChoice {
			display: inline-block;
			width : 48vh;
			height : 4vh;
			font-size: 2vh;
			text-align:left;
			border : 0.2vh solid grey;
			border-radius: 2vh;
			cursor: pointer;
			padding : 1.2vh;
			margin : 1.5vh;
		}

		#timer{
			position: absolute;
			top : 1.8vh;
			left : 32vh;
		}
		#counter{
			font-size: 1.8vh;
			margin-left: 12vh;
		}
		#btimeGauge{
			width : 20vh;
			height : 1.2vh;
			border-radius: 1vh;
			background-color: lightgray;
			margin-left : 5vh;
			margin-top : 1vh;
		}
		#timeGauge{
			height : 1.2vh;
			border-radius: 1vh;
			background-color: mediumseagreen;
			margin-left : 5vh;
			margin-top : -1.2vh;
		}
		#progress{
			width : 40vh;
			position: absolute;
			top: 84vh;
			left: 20vh;
		}
		.prog{
			width : 2.3vh;
			height : 2.3vh;
			border: 0.2vh solid #000;
			display: inline-block;
			border-radius: 50%;
			margin-left : 0.3vh;
			margin-right : 0.3vh;
		}
		#BdalsiQ{
			font-size: 2.4vh;
			font-weight: bolder;
			width:13vh;
			border : 0.5vh solid grey;
			text-align: center;
			padding: 1vh;
			cursor: pointer;
			position: absolute;
			top: 83vh;
			left: 2vh;
			color : grey;
		}
		#BdalsiQ:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		} 
		#BdalsiA{
			font-size: 2.4vh;
			font-weight: bolder;
			width:13vh;
			border : 0.5vh solid grey;
			text-align: center;
			padding: 1vh;
			cursor: pointer;
			position: absolute;
			top: 83vh;
			left: 2vh;
			color : grey;
		}
		#BdalsiQ:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		} 

		#ScoreContainer {
			display: block;
			margin : 20px auto;
			background-color: white;
			height: 90vh;
			width : 60vh;
			border-radius: 5px;
			box-shadow: 0vh 1vh 3vh 0vh;
			position: relative;
		}
		#ScoreImg {
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			top: 25vh;
			width : 10vh;
			height : 10vh;
		}
		#ScoreImg img{
			width : 10vh;
			height : 10vh;
		}
		#ScorePercents {
			display: block;
			position: absolute;
			width : 60vh;
			top: 37vh;
			font-size: 2.2vh;
			text-align: center;
		}
		#ScoreText {
			display: block;
			position: absolute;
			width : 50vh;
			top: 40vh;
			font-size: 2.4vh;
			font-weight: bold;
			text-align: center;
			padding: 5vh;
		}
		#Brepeat{
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top: 52vh;
			width: 25vh;
			text-align: center;
			font-size: 2.4vh;
			font-weight: bolder;
			color : grey;
			border : 0.4vh solid grey;
			padding: 0.5vh;
			cursor: pointer;
		}
		#Brepeat:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		} 		
		#Breview{
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top: 56vh;
			width: 25vh;
			text-align: center;
			font-size: 2.4vh;
			font-weight: bolder;
			color : grey;
			border : 0.4vh solid grey;
			padding: 0.5vh;
			cursor: pointer;
		}
		#Breview:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		} 
		#Bhome{
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			top: 60vh;
			width: 25vh;
			text-align: center;
			font-size: 2.4vh;
			font-weight: bolder;
			color : grey;
			border : 0.4vh solid grey;
			padding: 0.5vh;
			cursor: pointer;
		}
		#Bhome:hover{
			border: 0.5vh solid #002D72;
			color : #002D72;
		} 
		#ScoreLogo1 {
			display: block;
			position: absolute;
			top: 3vh;
			left: 5vh;
			height : 10vh;
		}
		#ScoreLogo2 {
			display: block;
			position: absolute;
			top: 5vh;
			left: 19vh;
			height : 8vh;
		}
		#ScoreLogo3 {
			display: block;
			position: absolute;
			top: 4.5vh;
			right: 5vh;
			height : 7.5vh;
		}