.img-container{	
	position:relative;
	display:inline-block;	
}

#piston{
	position:absolute;
	left: 6.2%;
	top: -10%;
	z-index:1;	
}

#oiltank {
    position: absolute;
    left: 45.2%;
    top: -1%;
    width: 45%;
    height: 45%;
    opacity: 0.6;
}
#oil {
    position: absolute;
    left: 64.5%;
    top: 18%;
    width: 6%;
    height: 7%;
    opacity: 0.3;
}

#wheel{
    position: absolute;
    left: 40.6%;
    top: 45%;
    width: 31%;
    height: 63%;
    z-index: 5;
}
#disc {
    position: absolute;
    left: 9.2%;
    top: 10%;
    width: 100%;
    height: 45%;
    
    z-index: 2;

}
#chamber {
    position: absolute;
    left: 47.2%;
    top: 25%;
    width: 12%;
    height: 32%;
    /* opacity: 0.6; */
    z-index: 3;

}

#chart_div{
	
position:absolute;
left:35%;
top:20%;
width:40%;
height:25%;	
	
}
#pressure{
	
position: absolute;
    left: 21%;
    top: 33%;
    width: 6%;
    color: #0983C8;
    border: 2px solid #0983C8;
    text-align: center;	
}

#pspan{
	
position: absolute;
    left: 17%;
    top: -2%;
    width: auto;
    color: red;
    font-size: 1vw;
}

#massvalue{
	
position: absolute;
    left: 36%;
    top: 11%;
    width: 10%;
    background-color: #f5efef;
    color: blue;
    text-align: center;

}
#mspan{
	
position: absolute;
    left: 36%;
    top: 4%;
    width: 10%;
    color: red;
   font-size: 1vw;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); };
  
}
@keyframes spinrev {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); };
  
}
.rotateWheel{
	animation:spin 1s linear infinite;
	transform-origin: 51.9% 45.3%;
}
.rotateWheelRev{
	animation:spinrev 1s linear infinite;
	transform-origin: 51.9% 45.3%;
}

:root {
  --change: 1000px;
}
@keyframes pistonpos{
	
	from {top: -10%;}
	to   {height: var(--change);}
}


.pistondown{
	
	animation:pistonpos 1s linear forwards;
}

#dischlf{
	width:5%;
}
#disc1kg{
	width:8%;
}
#disc1{
	width:10%;
}
#disc2{
	width:15%;
}
#disc3{
	width:20%;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
tr:nth-child(even) {
  background-color: #D6EEEE;
}  
tr:nth-child(odd) {
  background-color: #F0FBCC;
}