main.css

body{
	counter-reset: achievement;
}

#achievements-container{
	width: 300px;
	margin: 20px auto 0 auto;
}

.achievement:nth-child(n+100){
	display: none;
}

.achievement .achievement-number{
	position: relative;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: -32px 0 0 76px;
	color: #b09eb7;
	z-index: 3;
}

.achievement p:before{
	counter-increment: achievement;
	content: counter(achievement);
}

.achievement .achievement-image{
	display: block;
	position: absolute;
	width: 62px;
	height: 48px;
	margin: 20px 19px 0 14px;
}

.blue  div{
	border-color: #89b8cf;
	background: #f3f8fa;
}

.blue > .achievement-number{
	color: #89b8cf;
}

.purple  div{
	border-color: #b09eb7;
	background: #f7f5f8
}

.purple > .achievement-number{
	color: #b09eb7;
}

.achievement{
	width: 100px;
	height: 100px;
	margin: 15px;
	display: inline-block;
}

.main {
  width: 90px;
  border-radius: 50%;
  height: 90px;
  border: 5px solid;
}

.background {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.small {
  width: 35px;
  border-radius: 50%;
  height: 35px;
  border: 5px solid;
  margin-top: -44px;
  margin-left: 56px;
}