@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:70px;
 top:100px;
 width:97px;
 height:122px;
}

#ans1 {
 left:110px;
 top:270px;
 width:97px;
 height:122px;
}



#placesDiv {
	position:absolute;
}


/* change the position of the places */
#place0 {
 position: absolute;
 left:260px;
 top:48px;
 width:628px;
 height:455px;
 opacity:0;
}


.myDropPlaces {
}

#back{
 position:absolute;
 left:25px;
 top:30px;
}

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

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



/* change the position of the image*/
.myImage {
 position:absolute;
 padding-left:260px;
 padding-top:48px;
 width:628px;
 height:455px;
}

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


#wrong {
 position:absolute;
 top:12px;
 left:235px;
 width:50px;
}

#correct {
 position:absolute;
 top:12px;
 left:235px;
}


/* 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)}
}
*/