*, *:after, *:before { margin:0; padding:0; }
.wrapper{
	max-width:  400px;
	margin:  0  auto;
	margin-top:  20px;
	padding:  40px;

}
.stepProgressBar {
	display:  flex;
	justify-content:  space-between;
	align-items:  flex-start;
	width:  300px;
	margin:  0  auto;
  margin-bottom:  40px;
}
li{
  list-style-type: none;
}
.node {
	border: 1px solid #28a745;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	color: #28a745;
	display: inline-block;
	position: relative;
	transition: background-color 500ms;
  line-height:20px;
}
.node.completed  {
	content: "";
	color: white;
	background-color:  #28a745;
}

.node.completed::after {
	content: "";
	position: absolute;
	height: 1px;
	width: 54px;
	background-color: #28a745;
}

.divider.completed::after{
    list-style-type: none;
    background-color: grey;
    position: relative;
    height: 80px;
    width: 2px;
    margin-left: 134px;
    transition: all 800ms ease;
}