body
{
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
	user-select : none;
  overflow: hidden;
}

#lastPage{
	display:none;
}
#home{
      z-index: 1;
}
#playDiv{
    bottom:0;
  position:fixed;

}
#checkDiv{
    position: fixed;
    bottom: 3vh;
    right: 12vh;
}
#mainDiv{

  background-repeat: no-repeat;
  background-position:center;
  background-size:100% 100%;
}
#shapesOuterDiv{
 padding: 0.8vw !important;
     border: 0.2vw solid black
}
#timerDiv{

}
#timerSpan{
  font-size:4vw;
  font-family: 'Actor';
     /* margin-left: 1vw;*/
      color: darkslategray;
    font-variant-caps: all-petite-caps;
}
#watch{
      height: 15vh;
      margin-top: -3vh;
}

#question{
  font-size:2.5vw;
  color:black;
  text-align:center;
  margin-top: -8vh;
  z-index: -1;
  display:none;
}
#questionDiv{
    margin-left: 5vw;
    background-size: 100% 100%;
    margin-top: 10vh;
    background-position: center;
    border: 0.2vw solid white;
    border-radius: 2.2vw;
    background-color: #927c7cd4;
}
.block{
    height: 31.321%;
    border:0.1vw solid #140b5d;
}
.shape{
     height: 16%;
    width: 50%;
    clear: both;
    margin-bottom: 6%;
}
/*.shapeImg{ 
  height:-webkit-fill-available;
}*/
.blockImg{
  height:100%;
}

.object{
  height:15vh;
  margin-bottom: 2vh;
}
.objectImg{
  height:100%;
 
}
.modalImg{
	height:50vh;
}

#animationDiv{
      margin-top: 3vh;
}
.navigation{
  bottom:0;
  position:fixed;
}
.noPadding
{
	padding : 0% !important;
}

#gameOver{
    font-size:4.5vw;
  font-weight:bold;
      margin-top: -6.5vh;
      color: #191817;
          text-align: center;
}
#acknowledgementDiv {
  margin-top: 5%;
  background-color: aliceblue;
  border: 0.22vw solid black;
  border-radius: 3vw;
}

#developerNameDiv
{
  margin-bottom: 2vh;
  font-size:1.5vw;
  margin-top:1.5%;
}

.fontClass
{
  font-size:1.5vw;
  margin-top:1.5%;
  font-family: calibri;
}

.fontClass:first-letter
{
  font-size:2vw;
}