body,html 
{
	height: 100%;
	margin: 0;
}
#home
{
	display:none;
	height:12vh;	
}
#logo
{
	height:12vh;	
}
#background,#calculateAnsDiv
{	
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;		
}
#rabbitAndCarrot
{
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;	
	height:60vh;
}
#playImage
{
	bottom:0;
	position:fixed;
}

#gamePage
{
	display:none;
}
#calculateAnsDiv
{
	display:none;
	top:-10vh;
	height:60vh;
	background-color: #b5e67a;
	border: none;
	box-shadow: 1vh 1vh 1vh grey;
	border-radius: 1vw;
}
.nopadding
{
	padding:0 !important;
}
.calValuesClass
{
	height:10vh;
	text-align: center;
	font-size: 3vw;
	font-weight:800;
	font-family: 'Abril Fatface', serif;
	background-color:	#6495ED;
	color:	#fff;
	border: none;
	border-radius: 1vw;
	box-shadow: 0.6vh 0.6vh #999;
}
.calValuesClass:active 
{
  background-color: #3e8e41;
  box-shadow: 0.4vh 0.4vh #666;
  transform: translateY(4px);
}

.fourDiv
{
	margin-top:1.5vh;
}
.calButtonClass
{
	height:10vh;
	background-color: #4CAF50;
	color:#fff;
	border: none;
	border-radius: 1vw;
	box-shadow: 0.6vh 0.6vh #999;
}
.calButtonClass:active
{
  background-color: #3e8e41;
  box-shadow: 0.4vh 0.4vh #666;
  transform: translateY(4px);
}
.glyphiColor
{
	color:white;
	font-size: 3vw;
}
#ansDiv
{
	margin-top:1vh;
	height:10vh;
	background-color:#FFFFF0;
	border-radius: 1vw;
	
}

#answerValue
{
	background-color:#F0F8FF;
	margin-top:0.5vh;
	border-radius: 1vw;
}

.equBackground
{
	background-color:#F0F8FF;
	margin-top:0.5vh;
	border-radius: 1vw;
}

.allSymbol
{
	text-align: center;
	font-size: 3vw;
	font-weight:800;
}
#rabbitImg
{
	height:25vh;
}

#dropCarrot
{
	height:18vh;
	bottom: 56vh;
}
#thinkingRabbit
{
    height: 60vh;
}


.ansFont
{
	text-align: center;
	font-size: 3vw;
	font-weight:800;
}

#endText
{
	text-align: center;
	font-size: 5vw;
	font-weight:800;
}
#endGame
{
	display:none;
	top:20vh;
}
#tortoisAnimationDiv
{
	display:none;
	z-index: 1;
	bottom:7vh;
	position:fixed;
}
#rabbitAnimationDiv
{
	display:none;
	z-index: -1;
	bottom:9vh;
	position:fixed;
}
#rabbitAnimationImg
{
	height:28vh;
}
#tortoisAnimationImg
{
	height:18vh;
}
#result,#endText
{
	text-align: center;
	font-size: 4vw;
	font-weight:800;
	color:white;
}
#destination
{
	left:85%;
	display:none;
	z-index:2;
	bottom:1vh;
	position:fixed;
}
#destinationImg
{
	height:20vh;
	width:20vh;
}