body{
	
	background-color: #92A591;
}
h1{
	color: darkseagreen;
	text-align: center;
}
.mainDiv {  
display: flex; 
justify-content: center; 
align-items: center;
} 
p{
	color: darkseagreen;
	//font-family: Serif, Sans-Serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	//border: 2px solid darkseagreen;
	padding: 10px;
	margin: 20px;
}

.progressBar {
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress {
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #9cbab4;
  height: 30px;
  width: 300px;
  border-radius: 5px;
  overflow: hidden;
}

.progress__fill {
  width: 1%;
  height: 100%;
  background: #009579;
  transition: all 0.2s;
}

.progress__text {
  position: absolute;
  top:50%;
  right: 5px;
  transform: translateY(-50%);
  font: bold 14px 'Quicksand', sans-serif;
  color: #FFFFFF;
}