.tags>div{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin:45px 0 36px 30%;
}
.tags span{
    color: #73c9f0;
    font-size: 14px;
    line-height: 28px;
    padding: 6px 24px 6px 60px;
    border: 2px solid #eff5ff;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom:16px;
    position: relative;
    box-sizing: border-box;
}
.tags span::before{
    content:"";
    background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAMAAACDzGUcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABj1BMVEVyyfD///9yyfByyfByyfByyfByyfByyfByyfByyfByyfByyfByyfByyfByyfByyfD///////9yyfByyfByyfByyfByyfByyfByyfByyfByyfByyfD///////9yyfByyfByyfByyfByyfByyfByyfDT7vr///9yyfByyfByyfByyfByyfDS7vr///9yyfByyfByyfByyfDX8Pv///9yyfByyfByyfD///////////////9yyfByyfD///////////////9yyfD///////9yyfB1yvD///9yyfCO1PP///////9yyfDa8fv///////9yyfDC5/j///////////9yyfByyfD///////////////////////////9yyfD////+///f8/z3/P6a2PSZ2PTz+/6L0/Ol3PX7/v+Q1fOb2fSu4Pae2vX2/P7D6Pnb8ftzyfB2yvDN7Pr9/v/E6fl9zfHU7vqK0vN5zPHa8fvr9/2c2fSJ0vLC5/h1yvDO7Pp0yvDk9fyAz/K14/fo9v38/v8hwZxMAAAAXXRSTlMAALH8hALRs/TwhxH4+fPfAjsWRc7794/xpjcNl9DN9u/1tuX673z+1ozs8vq5mhknk9yklOAEMGxXtp/SLq/XscyadNTh8OrD2SX9/s8fgdPu8SaKpyDGSRLAm3m1tRasAAAAAWJLR0QB/wIt3gAAAAd0SU1FB+cLEgEfNz5w7jkAAAEbSURBVBjTZZDnU8IADMUDxVHFLVjFURStWvdCcaDi3nuSJ25xIThw7z/c0va4U9+XJL+75PIekSGrYKOkLGZNYSH1P01LZzHjL820Z2VzjtHn5hk0v6DQ4SwSpeISF1EpUGYha7lUIbO7kqrYLnqkauyEUEMKsyS7a4nq6lVZbcDu3j4aqUllh61Zv9jS2oaDQz5CO1GHKHR2aczb7e3B8QlzGD5t7JWdfdQ/AMCPU2Y+w2Bic0gRhoHzC+AywldRIJCgIzyK2PUN38buOH6PsYD+7zhP4OGR+emZX0KYnDJcTCvyDPAa57dIFLNzhuN5lVVeWMT7B39iadnMYcWjrBKtreMr/I2NZDou3cPmlvbb9q8kdQV9QTPJH/YRPjODrQO3AAAAAElFTkSuQmCC');
    display: inline-block;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 24px;
}
.tags>div>span:nth-child(3n){
    margin-right:0;
}
.experiences{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.author{
    width:30%;
}
.author div{
    display: flex;
    align-items: center;
}
.author div span{
    font-size: 24px;
    line-height: 36px;
    padding: 16px 0;
    display: inline-block;
    font-weight:600;
    position:relative
}
.author div span::before{
    content:"";
    background-color:#ddebff;
    display:block;
    width:90px;
    height:10px;
    position:absolute;
    bottom:0;
    left:0;
}
.author>span{
    font-size: 16px;
    line-height: 36px;
    display: block;
    margin-top: 20px;
    font-weight: 600;
}
.author a{
    margin-left:30px
}
.experiences .listing{
    width:70%
}
.experiences .listing>div{
    width:100%;
}
.experiences label{
    font-size: 28px;
    font-weight: 700;
    position: relative;
    padding-left: 26px;
}
.experiences label::before{
    content:"";
    position:absolute;
    display:block;
    width:12px;
    height:26px;
    left:0;
    top:9px;
    background-color:#67a4ff
}
.experiences p{
    font-size: 16px;
    line-height: 30px;
    color: #626262;
    padding: 24px;
    background-color: #f7faff;
    margin: 32px 0;
}
h2{
    font-size: 40px;
    line-height: 1;
    margin: 44px 0 12px 0;
}
.articles .item{
    padding:32px 0;
    border-bottom:2px solid #ebebeb
}
.articles .item a{
    font-size: 22px;
    color: #2e2e2e;
    font-weight: 600;
    line-height: 36px;
    display: inline-block;
    text-decoration: none;
}
.articles .item a:hover{
    color:#ff7000
}
.articles .item p {
    line-height: 26px;
    color: #626262;
    margin: 12px 0;
}
.articles .item>span{
    border-right: 1px solid #bbb;
    font-size: 16px;
    color: #626262;
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    line-height: 14px;
}
.articles .item>span:last-of-type{
    border-right:none
}
.articles>span{
    margin: 40px 0;
    display: block;
    width: 100%;
    text-align: center;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
    line-height: 40px;
    cursor:pointer
}
.articles>span:hover{
    background-color:#f7f7f7
}

.pagination a{
    color:gray;
}

@media only screen and (max-width: 767px) {
    .tags>div{
        width:100%;
        margin-left:0
    }
    .tags span{
        width:100%;
        margin-right:0
    }
    .author{
        width:100%;
        margin-bottom:24px
    }
    .author>span{
        margin-top:8px
    }
    .experiences .listing{
        width:100%
    }
    .experiences p{
        margin:12px 0;
        padding:12px 24px
    }
}