.container {
   padding:  0;
   margin: 20px auto;
   position: relative;
   overflow: hidden;
}

.container:before {
   content: '';
   position: absolute;
   top: 0;
   left: 9px;
   width: 2px;
   height: 100%;
   background: white;
   z-index: 1
}

.container>article {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
}

.container>article>div {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgb(33,150,243);
   background: rgb(34,34,34);
   margin-top: 10px;
   z-index: 9999
}

.container>article>article {
   width: 95%;
   padding: 0 15px;
   color: white;
}

.container>article>article h3 {
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 500
}

.container>article>article span {
   font-size: 15px;
   color: white;
}

.container>article>article p {
   font-size: 14px;
   line-height: 1.5em;
   word-spacing: 1px;
   color: white;
}