#AgNO3{
    position: absolute;
    left:133px;
    top:516px;
    cursor: pointer;
}
#NH3{
    position: absolute;
    left:233px;
    top:516px;
    cursor: pointer;
}
#CH3CHO{
    position: absolute;
    left:333px;
    top:516px;
    cursor: pointer;
}
#CH3COCH3{
    position: absolute;
    left:433px;
    top:516px;
    cursor: pointer;
}
#cylinder{
    position: absolute;
    left:533px;
    top:528px;
    cursor: pointer;
}
#cylinderCanvas{
    position: absolute;
    left:542px;
    top:594px;
}
#tubeCanvas1{
    position: absolute;
    left:761px;
    top:365px;
}
#tubeCanvas{
    position: absolute;
    left:710px;
    top:365px;
}
#cylinderMesure{
    position: absolute;
    left:543px;
    top:528px;
    cursor: pointer;
}
#bunsen{
    position: absolute;
    left:662px;
    top:475px;
}
#flame{
    position: absolute;
    width:34px;
    height:93px;
    left: 751px;
    top:483px;
    visibility: hidden;
}
#valve{
    position: absolute;
    left:790px;
    top:661px;
    cursor: pointer;
}
#beaker{
    position: absolute;
    left:692px;
    top:356px
}
#line{
    position: absolute;
    left:699px;
    top:435px
}
#line1{
    position: absolute;
    left:700px;
    top:418px
}
#line2{
    position: absolute;
    left:697px;
    top:477px
}
#tube{
    position: absolute;
    left:758px;
    top:313px
}
#tube1{
    position: absolute;
    left:708px;
    top:313px
}
#beakerUp{
    position: absolute;
    left:691px;
    top:363px
}
.slidecontainer {
    width: 70px;
    position: absolute;
    left:130px;
     top:705px; 
     visibility: hidden;
  }
.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;
  }
  .slidecontainer1 {
    width: 70px;
    position: absolute;
    left:230px;
     top:705px; 
     visibility: hidden;
  }
.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;
  }
  .slidecontainer2 {
    width: 70px;
    position: absolute;
    left:330px;
     top:705px; 
     visibility: hidden;
  }
.slider2 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider2:hover {
    opacity: 1;
  }
  
  .slider2::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider2::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer3 {
    width: 70px;
    position: absolute;
    left:430px;
     top:705px; 
     visibility: hidden;
  }
  .slider3 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider3:hover {
    opacity: 1;
  }
  
  .slider3::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider3::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slidecontainer4 {
    width: 45px;
    position: absolute;
    left:530px;
     top:705px; 
     visibility: hidden;
  }
  .slider4 {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .slider4:hover {
    opacity: 1;
  }
  
  .slider4::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .slider4::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  #odigies{
    position: absolute;
    left:870px;
    top:20px
}
#titlos{
    position: absolute;
    left:126px;
    top:30px
}
#blackboard{
    position: absolute;
    left:80px;
    top:160px
}
#production{
    position: absolute;
    left:846px;
    top:660px
}
#start{
  position: absolute;;
  left:20px;
   top:635px; 
   cursor: pointer;
}