*{
	margin:0px;
	padding:0px;
}

img{
	width:100%;
}
.addwateron{
	position:absolute;
	
}
.dpnone{
	
	display:none;
}
.status{
	
	position:absolute;

	width:100%;
}
.art-container{
	position:relative;
	float:left;
	width:100%;
}
progress {
  border-radius: 77px; 
  width: 70%;
  margin-left:5%;
  margin-top:10px;
  opacity:0.5;
}
.add-water{
	position:absolute;
	
}
.noadd-water{
	position:absolute;
}
progress::-webkit-progress-bar {
  background-color: black;
  border-radius: 77px;
}
progress::-webkit-progress-value {
  background-color: green;
  border-radius: 77px;

}
#water-status{
    position: absolute;
    background: none;
    color: white;
    font-size: 25px;
    border: none;
}
 @media only screen and (max-width: 1024px) and (min-width: 600px){
  
    .art-container{
	position:relative;
	float:left;
	width: 80%;
	left: 10%;
	}
  }
  
@media only screen and (max-width: 3000px) and (min-width: 1025px){
  
    .art-container{
	position:relative;
	float:left;
	width: 50%;
	left: 25%;
	}
  }
  .flower-status{

    width:100%;
    height:50px;
    position:fixed;
    z-index:999;top:10px;
    left:25%;
   
}
.flower-status p {float:left;padding:5px;margin-left:10px;}