body {
    font-family: 'Space Mono', monospace;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 60px auto;
    border: 1px solid #eee;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06);
}
 * {
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 text-rendering: optimizelegibility;
	 letter-spacing: -0.25px;
}
 ol {
	 padding-left: 50px;
}
 li {
	 color: #4f4f4f;
	 padding-left: 16px;
	 margin-top: 24px;
	 position: relative;
	 font-size: 16px;
	 line-height: 20px;
}
 li:before {
	 content: '';
	 display: block;
	 height: 42px;
	 width: 42px;
	 border-radius: 50%;
	 border: 2px solid #ddd;
	 position: absolute;
	 top: -12px;
	 left: -46px;
}
 strong {
	 color: #292929;
}
 ol.alternating-colors li:nth-child(odd):before {
	 border-color: #0bad02;
}
 ol.alternating-colors li:nth-child(even):before {
	 border-color: #2378d5;
}
 
.order-number {
    color: #551A8B;
    color: #464646;
    text-decoration: underline;
    cursor: pointer;
}