body {
	font-family: sans-serif;
	text-align: center;
}

span.red {
	color: white;
	background: red;
	border-radius: 5px;
	padding: 5px;
}

span.orange {
	color: white;
	background: orange;
	border-radius: 5px;
	padding: 5px;
}

span.green {
	color: white;
	background: green;
	border-radius: 5px;
	padding: 5px;
}

progress {
  border-radius: 5px; 
  width: 80%;
  height: 22px;
}
progress::-webkit-progress-bar {
  background-color: green;
  border-radius: 5px;
}
progress::-webkit-progress-value {
  background-color: green;
  border-radius: 5px;
}
progress::-moz-progress-bar {
  background-color: green;
  border-radius: 5px;
}

div.content {
    width: 50%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1440px) {
    div.content {
        width: 60%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (max-width: 1080px) {
    div.content {
        width: 80%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    div.content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
}