body{
    background: #f6f6fa;
    padding: 40px 40px 40px 40px;
    font-family: "Roboto", sans-serif;
}

ul,ol{
    margin-top: 0;
    margin-bottom: 0;
}

.wrapper{
    background: #ffffff; 
    display: flex;
    flex-direction: row-reverse;
    width: 1200px;
    margin: 0 auto;
}

/*Main contant*/

.main-content{
    padding-left: 88px;
    padding-top: 80px;
    padding-right: 40px;
    padding-bottom: 80px;
    box-sizing: border-box;
}

.my-profession{
    font-weight: 700;
    font-size: 14px;
    line-height: 121%;
    color: #000;
    margin-top: 0;
    margin-bottom: 8px;
}

.my-name{
    font-weight: 700;
    font-size: 45px;
    line-height: 122%;
    color: #000;
    margin-top: 0;
    margin-bottom: 12px;
}

.my-info{
    margin-bottom: 40px;
}

/*My projects*/

.my-project-title{
    font-weight: 700;
    font-size: 22px;
    line-height: 123%;
    color: #000;
    margin-top: 0;
    margin-bottom: 8px ;
}

.my-project-container{
    margin-bottom: 40px;
}

/*Expirience*/

.expirience-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 123%;
    color: #000;
    margin-top: 0;
    margin-bottom: 8px;
}

.work-expiriens-company{
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    color: #000;
    margin-top: 16px;
    margin-bottom: 12px;
}

.job-title{
   font-weight: 400;
   font-size: 16px;
   line-height: 125%;
   color: #105ae4;
   margin-bottom: 8px;
   margin-top: 0;
}

.work-experience-period{
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    color: #a8a8a8;
    margin-bottom: 8px;
}

.work-experience-dutis-list{
    padding-left: 16px;
}

.work-experience-dutis-item{
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #595959;
}

.work-experience-container{
    margin-bottom: 12px;
}

/*Education*/

.education-container{
    margin-top: 40px;
}

.education-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 123%;
    color: #000;
    margin-top: 0;
    margin-bottom: 8px;
}

.education-item{
    font-weight: 700;
    font-size: 16px;
    color: #105ae4;
    margin-top: 8px;
    margin-bottom: 8px;
}

.specialization{
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin-top: 8px;
    margin-bottom: 8px;
}

.education-period{
    font-weight: 400;
    font-size: 12px;
    color: #a8a8a8;
    margin-top: 8px;
}
/*sidebar*/

.sidebar{
    background-color: #e0ebfe;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    width: 370px;
}

.my-descr{
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #595959;
}

.sidebar-container{
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

.contacts.title{
    font-weight: 700;
    font-size: 22px;
    color: #161d2a;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 8px;
}

.contacts-type{
    font-weight: 700;
    font-size: 14px;
    line-height: 171%;
    color: #161d2a;
    margin-right: 8px;
}

.contacts-link{
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #2979ff;
}

.contacts-item{
    margin-top: 0;
    margin-bottom: 4px;
}

.contacts-container{
    margin-bottom: 40px;
}

.skills-container{
    margin-bottom: 40px;
}

.skills-title{
    font-weight: 700;
    font-size: 22px;
    color: #161d2a;
    margin-top: 0;
    margin-bottom: 8px;
}

.skills-list{
    padding-left: 20px
}

.skills-list-item{
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: #161d2a;
}