@charset "utf-8";

/* Change only if necessary for the activity */
.content{
	top: 200px;
}

.answers {
 position:absolute;
}

/* change the width and height of the answers */
.answers > img {
 /*width:230px;*/
}

/* change the position of the answers */

#ans0 {
 left:40px;
 top:60px;
 width:170px;
 height:170px;
}

#ans1 {
 left:320px;
 top:60px;
 width:170px;
 height:170px;
}

#ans2 {
 left:480px;
 top:60px;
 width:170px;
 height:170px;
}

#ans3 {
 left:650px;
 top:60px;
 width:170px;
 height:170px;
}



/* change the position of the places */
#place0 {
    position: absolute;
	left: 485px;
    top:101px;
	width:181px;
	height:179px;
}

#place1 {
	position: absolute;
    left: 665px;
    top: 101px;
    width:181px;
	height:179px;
}

#place2 {
	position: absolute;
    left: 485px;
    top: 280px;
    width:181px;
	height:179px;
}

#place3 {
	position: absolute;
    left: 665px;
    top: 280px;
    width:181px;
	height:179px;
}



#back{
 position:absolute;
 left:420px;
 top:45px;
}


#endScreen {
  position:absolute;
  left:25px;
  top:40px;
}

#playAgainButton {
  position:absolute;
  top:150px;
  left:275px;
}

#solution {
 position:absolute;
 left:610px;
 top:440px;
}

/* change the position of the image*/
.myImage {
 position:absolute;
 padding-left:250px;
 padding-top:20px;
 width:634px;
 height:340px;
}

/* change the width/height of the image
.myImage > img {
 width:333px;
}
*/

/*
#wrong {
 position:absolute;
 top:80px;
 left:130px;
}

#correct {
 position:absolute;
 top:80px;
 left:130px;
}
*/

/* to change the length and position of the question text */
#textsDiv {
 position:absolute;
 width:500px;
 font-weight:bold;
 font-size:28px;
 text-align:center;
 left:270px;
}



/*
@keyframes popout {
    from{transform:scale(1)}
    to{transform:scale(0.85)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(1)}
    to{-webkit-transform:scale(0.85)}
}
*/