html{
  position: absolute;
   top: 0px;
   left: 0px;
   width:1300px;
   height:750px;
}
 #title{
  position: absolute;;
  left:190px;
   top:5px; 
 }
 #blackboard{
  position: absolute;;
  left:235px;
   top:60px; 
 }
 #parent1 {
  position: absolute;
  top: 369px;
  left:25px;
  width: 314px;
  height: 342px;
}
#parent2 {
  position: absolute;
  top: 369px;
  left:358px;
  width: 314px;
  height: 342px;
}
#parent3 {
  position: absolute;
  top: 369px;
  left:691px;
  width: 314px;
  height: 342px;
}
#cup1{
  position: absolute;
  left:0px;
  top:0px; 
 }
 #cell1{
  position: absolute;
  left:113px;
   top:128px;
   cursor: pointer;
  
 }
 #line1_1{
  position: absolute;
  left:153px;
   top:18px;
   cursor: pointer;

 }
 #line2{
  position: absolute;
  left:153px;
   top:21px;
   cursor: pointer;
   cursor: pointer;
 }
 #line3{
  position: absolute;
  left:153px;
   top:21px;
 }
#cup2{
  position: absolute;
  left:0px;
  top:0px; 
 }
 #cup3{
  position: absolute;
  left:0px;
  top:0px; 
 }
 #canvasOne{
  position: absolute;
  top:18px;
  left: 34px;
  width: 250px;
  height: 304px;
visibility: hidden;
}
#canvasOne1{
  position: absolute;
  top:18px;
  left: 34px;
  width: 250px;
  height: 304px;
visibility: hidden;
}
#canvasOne2{
  position: absolute;
  top:18px;
  left: 34px;
  width: 250px;
  height: 304px;
  visibility: hidden;
}
#osmosis1{
  position: absolute;
  top:704px;
  left:74px;
  cursor: pointer;
  opacity: 0.5;
}
#d1{
  position: absolute;
  top:334px;
  left:78px;
  cursor: pointer;
  opacity: 1;
}
#osmosis2{
  position: absolute;
  top:704px;
  left:408px;
  cursor: pointer;
  opacity: 0.5;
}
#d2{
  position: absolute;
  top:334px;
  left:410px;
  cursor: pointer;
  opacity: 1;
}
#osmosis3{
  position: absolute;
  top:704px;
  left:745px;
  cursor: pointer;
  opacity: 0.5;
}
#d3{
  position: absolute;
  top:334px;
  left:745px;
  cursor: pointer;
  opacity: 1;
}
#production{
  position: absolute;
  top:510px;
  left:1015px;
}
.content{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fffdeb;
	left:1030px;
	top:5px;
	width: 390px;
	height: 490px;
	text-align: center;
	box-shadow: -5px -5px 15px rgba(58, 61, 65, 0.2);  
  }
  div.ex1 {
	position: relative;
	background-color:#fffdeb;
	width: 380px;
	height:490px;
	font-size: 15px;
	left: 5px;
	right: 25px;
	text-align: justify;
  }