body{
background: #f6f6fa;
padding: 40px 40px 40px 40px;
font-family: "Montserrat", serif;
}
ul,ol{
    margin-top: 0;
    margin-bottom: 0;
}
.Wrapper{
    background: #fff;
    display: flex;
    flex-direction: row-reverse;
    width: 1200px;
    margin: 0 auto;
}
/* main content */
.main-content{
    padding-left: 88px;
    padding-top: 80px;
    padding-right: 40px ;
    padding-bottom: 80px ;
    box-sizing: border-box;
}
/* Sidebar */
.sidebar{
    background: #e0ebfe;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    width: 370px;

}
.sidebar-content{
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}
/* contacts */
contacts-title{
    font-weight: 700;
    font-size: 22px;
    color: #161d2a;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 8px;
}
.contacts-type{
    
        font-weight: 700;
        font-size: 14px;
    
        /* line-height: 24px; */
        line-height: 1.71429;
        color: #161d2a;
        margin-right: 8px;

}
.Contacts-link{
    text-decoration: underline;
        text-decoration-skip-ink: none;
        color: #2979ff;
        font-weight: 400;
            font-size: 14px;
        
            /* line-height: 24px; */
            line-height: 1.71429;
}
contact-item{
    margin-top: 0px;
    margin-bottom: 4px;
}
.contacts-container{
    margin-bottom: 40px;
}
/* skils-container */
.skills-container{
    margin-bottom: 40px;
}
.skills-title{
    
        font-weight: 700;
        font-size: 22px;
        color: #161d2a;
        margin-top: 0px;
        margin-bottom: 8px;
}
.skills-list{
    padding-left: 16px;
}
.skills-list-item{
    
        font-size: 14px;
        line-height: 1.71429;
        color: #161d2a;
}
      /*Softskills  */
      .Softskills-container{
        margin-bottom: 40px;
      }
.Softskills-title{
    
        font-weight: 700;
        font-size: 22px;
        color: #161d2a;
        margin-top: 0px;
        margin-bottom: 8px;
}
.Softskills-list{
    padding-left: 16px;
    
}
.Softskills-list-item{
    
        font-weight: 400;
        font-size: 14px;
        line-height: 1.71429;
        color: #161d2a;
}
/* Main content */
.my-profession{
        font-weight: 700;
        font-size: 14px;
    /* line-height: 17px; */
        line-height: 1.21429;
        color: #000;
        margin-top: 0px;
        margin-bottom: 8px;
}
.my-name{
        font-weight: 700;
        font-size: 45px;
    /* line-height: 55px; */
        line-height: 1.22222;
        color: #000;
        margin-top: 0;
        margin-bottom: 12px;
}
.my-descr{
        font-weight: 400;
        font-size: 14px;
/* line-height: 24px; */
        line-height: 1.71429;
        color: #595959;
}
.my-info{
    margin-bottom: 40px;
}
/* my projects */
.my-projects-title{
        font-weight: 700;
        font-size: 22px;
        line-height: 1.22727;
        color: #000;
        margin-top: 0;
        margin-bottom: 8px;
}
.my-project-item{
        font-weight: 700;
        font-size: 14px;
        line-height: 1.71429;
        color: #000;
}
.my-projects-list{
    padding-left: 16px;
}
.my-project-item-link{
        font-weight: 400;
        font-size: 14px;
        line-height: 1.71429;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        color: #005fff;
}
.my-project-item-tech{
        font-weight: 400;
        font-size: 14px;
        line-height: 1.71429;
        color: #595959;

}
.my-projects-container{
    margin-bottom: 40px;
}
/* Work Experience */
 .work-experience-titles{
        font-weight: 700;
        font-size: 22px;
        line-height: 1.22727;
        color: #000;
        margin-top: 0;
        margin-bottom: 8px;
 }
 .work-experience-company{
        font-weight: 700;
        font-size: 16px;
        line-height: 1.25;
        color: #000;
        margin-top: 0;
        margin-bottom: 12px;
 }
 .company-name{
        color: #6d9bf5;
 }
 .work-experience-period{
        font-weight: 400;
        font-size: 12px;
        line-height: 1.25;
        color: #a8a8a8;
        margin-bottom: 8px;
 }
 .work-experience-period-separator{
    color: #000;
 }
 .work-experience-duties-list{
       padding-left: 16px;
 }
 .work-experience-duties-item{
        font-weight: 400;
        font-size: 14px;
        line-height: 1.71429;
        color: #595959;

 }
.work-experience-container{
    margin-bottom: 12px;
}
.Work-Experience{
    margin-bottom: 40px;
}
.Education-titles{
        font-weight: 700;
        font-size: 22px;
        color: #000;
        margin-top: 0;
        margin-bottom: 8px;
}
.Education-name1{
        font-weight: 700;
        font-size: 16px;
        color: #6d9bf5;
        margin-bottom: 8px;
}
.Education-name2{
        font-weight: 700;
        font-size: 14px;
        color: #000;
        margin-bottom: 8px;
}
.Education-time{
        font-weight: 400;
        font-size: 12px;
        color: #a8a8a8;
        margin-bottom: 8px;
}
.Education-separator{
    color: #000;
}
@media screen and (max-width:960px){
    body{
        padding: 20px 20px 20px 20px;
    }
    .main-content{
        padding: 40px;
    }
}
@media screen and (max-width:800px) {
    .sidebar{
        width: 250px;
    }
    .my-photo{
        width: 250px;

    }
    .sidebar-content{
        padding: 20px;
    }

}
@media screen and (max-width:600px) {
    body {
            padding: 0;
        }
                .sidebar {
                    width: 200px;
                }
        
                .my-photo {
                    width: 200px;
        
                }
                .main-content {
                padding: 20px;
                                }
        .my-name{
            font-size: 28px;
        }

}
@media screen and (max-width: 510px) {
    .Wrapper{
        flex-direction: column;
    }
          .sidebar {
              width: 100%;
          }
    
          .my-photo {
              width: 100%;
    
          }

}