body {
	font-family:Arial, Helvetica, sans-serif
}
 #acidT1{
  position: absolute;;
  left:515px;
   top:550px; 
   cursor: pointer;
 }
 #baseT1{
  position: absolute;;
  left:625px;
  top:550px; 
   cursor: pointer;
 }
 #bufferT{
  position: absolute;;
  left:735px;
  top:550px; 
   cursor: pointer;
 }
 #BR2{
  position: absolute;;
  left:56px;
   top:490px; 
   cursor: pointer;
 }
 #tank1{
  position: absolute;;
  left:520px;
   top:510px; 
   cursor: pointer;
 }
 #tank2{
  position: absolute;;
  left:630px;
   top:510px; 
   cursor: pointer;
 }
 #tank3{
  position: absolute;;
  left:740px;
   top:510px; 
   cursor: pointer;
 }
 #blackboard{
  position: absolute;;
  left:200px;
   top:120px; 
 }
 #blackboard1{
  position: absolute;;
  left:200px;
   top:120px; 
   visibility: hidden;
 }
 #blackboard2{
  position: absolute;;
  left:200px;
   top:120px; 
   visibility: hidden;
 }
 #blackboard3{
  position: absolute;;
  left:200px;
   top:120px; 
   visibility: hidden;
 }
 #blackboard4{
  position: absolute;;
  left:200px;
   top:120px; 
   visibility: hidden;
 }
 #no2{
  position: absolute;;
  left:260px;
   top:150px;
   visibility: hidden; 
 }
 #parent {
   position: absolute;
   top: 346px;
   left: 152px;
 }
 #down_blue{
  position: absolute;
  left:14px;
  top: 216px;  
}
#blue_up{
  position: absolute;
  left:14px;
  top: 61px; 
}
#line_up{
  position: absolute;
  left:14px;
  top: 188px;  
}
#mesure{
  position: absolute;
  left:16px;
  top: 42px;  
}
.slidecontainer {
  width: 150px;
  position: absolute;
  left:274px;
   top:690px; 
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}
#demo{
  font-size: 18px;
}
#parent {
  position: absolute;
  top: 436px;
  left: 250px;
}
.slidecontainer1 {
  width: 150px;
  position: absolute;
  left:630px;
   top:430px; 
}
.slider1 {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider1:hover {
  opacity: 1;
}

.slider1::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}

.slider1::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}
#demo1{
  font-size: 18px;
}
#parent {
  position: absolute;
  top: 436px;
  left: 250px;
}
#canvasOne{
 position: absolute;
 top:82px;
 left:14px;
}
#beaker{
  position: relative;
  left:0px;
  top: 0px;  ;
}
#down_blue{

 position: absolute;
 left:14px;
 top: 216px;  
}
#blue_up{

 position: absolute;
 left:14px;
 top: 61px; 
}
#line_up{
 position: absolute;
 left:14px;
 top: 188px;  
}
#mesure{
 position: absolute;
 left:16px;
 top: 42px;  
}
#myCanvas{
  position: absolute;
  left:85px;
  top:22px;
}
 #title1{
  position: absolute;
  left:170px;
   top:40px; 
 }
 #exenio{
  position: absolute;
  left:850px;
   top:480px; 
   cursor: pointer;
 }
 #demo2{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:318px;
  top:213px; 
}
#demo3{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:421px;
  top:213px; 
}
#demo4{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:318px;
  top:240px; 
}
#demo5{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:421px;
  top:240px; 
}
#demo6{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:318px;
  top:267px; 
}
#demo7{
  position: absolute;
  font-size: 12px;
  color: aliceblue;
  left:421px;
  top:267px; 
}
#odigies{
  position: absolute;
  left:960px;
  top:103px; 
}
#production{
  position: absolute;
  left:960px;
  top:550px; 
}