body
{
  font-size: 1.5vw;
  font-family: "Tahoma", sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#resizeContainer {
    background: grey;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
	
}
#mainContainer{
	margin: auto;
	margin-top:2%;
	width:96%;
	height:90%;
	background-color:white
	}
/***************************************/
.instruction-div{
  width:100%;
  height: 7%;
  background-color: white;
  text-align: center;
}
.instruction-div p{

  font-family: tahoma;
  font-size: 180%;
  font-weight: bold;
  display: inline;
  line-height: 125%
}
.playground{

  width: 96%;
  height: 85%;
  text-align: left;
  background-color: white;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 3%;
  text-align: justify;
  text-justify: inter-word;

}
.playground img{

  width:100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1%;
}

.left-side{
  float: left;
  width:75%;
  height: 100%;
 
  text-align: center;
  position: relative;
}
.left-side img{

  width:90%;
  margin-top:7%
}

.draggable-items-div{
  width: 25%;
  height: 80%;
 
  text-align:center;
  float: left;
  margin-top: 5%
  

}


.draggable-item {
  width: 100%;
  height:15%;
  display: inline-block;
  margin:0 auto;
  margin-top:0%;
  cursor: pointer;
  position: relative;
  text-align: center !important;

}
.draggable-item img{
  position: absolute;
  top:0;
  left: 0;
  width:100%;
  
}
.draggable-item p{
  position: absolute;
  top:0;
  left: 0;
  color: white;
  width: 100%;
  font-family: tahoma;
  font-size: 165%;
  display: inline;
  line-height: 40%
}

.droppable-item{

  position: absolute;
  width:37%;
  opacity: .8
}
.droppable-item p{
  position: absolute;
  top:0;
  left: 0;
  color: white;
  width: 100%;
  font-family: tahoma;
  font-size: 165%;
  display: inline;
  line-height: 230%
}

.inactive-item{

  position: absolute;
  width:37%;
  text-align: center !important
}
.inactive-item p{
  position: absolute;
  top:0;
  left: 0;
  color: white;
  width: 100%;
  font-family: tahoma;
  font-size: 165%;
  display: inline;
  line-height: 230%
}

.pipa{
  width:45% !important;
  margin-top:68%
}
