/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/montserrat-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  
body{
     font-family: 'Montserrat';
     font-style: normal;
     background-color: #f5f7fa;
}
.main {
     display: flex;
     flex-direction: row-reverse;
     width: 1200px;
     background-color: #fff;
     margin: 40px auto;
     box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}
.main-content {
     padding: 100px 90px;
}
.main-content-title {
     font-style: normal;
     font-weight: bold;
     font-size: 22px;
     line-height: 27px;
     color: #000;
     margin-bottom: 10px; 
}
/* about me section */
.about-me {
   margin: 0 0 40px 0;  

}
.about-me-profession {
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 17px;
     font-weight: 700;
     color: #000;
     margin-bottom: 20px;
}
.about-me-name {
     font-style: normal;
     font-weight: bold;
     font-size: 45px;
     line-height: 55px;
     color: #000;
     margin-bottom: 25px;
}
.about-me-description {
     width: 400px;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
     color: #595959;  
}
/* my projects section  */
.my-projects {
     margin: 0 0 50px 0;
}
.my-projects-list {
     padding: 0 0 0 17px;
}
.my-projects-item {
     color: #000;
     font-weight: bold;
}
.my-projects-text {
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
     color: #595959;
     margin-left: 5px; 
 }
 .my-projects-link {
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
     color: #595959; 
}
.my-projects-bracket {
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 24px;
     color: #000; 
}
/* my work experience */
.work-company, .education-1 {
     color: #FB6D3A;
}
.work-experience-position, .education-position {
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 20px;
     margin: 0 0 10px 0;
}
.work-experience-period {
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     line-height: 15px;
     color: #A8A8A8;
     margin: 0 0 10px 0;
}
.work-experience-devider {
     color: #000;
}
.work-experience-duties {
     padding: 0 0 0 18px;
}
.work-experience-duty {
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
     color: #595959;
}
.company-1, .company-2, .company-3 {
     margin: 0 15px 0 0;
}
/* my education  */
.education-text {
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 17px;
     color: #000000;
}
.education {
     margin-top: 45px;
}
/* sidebar  */
.sidebar {
     background-color: #1e2939;
     width: 370px;
     padding: 40px 0;
}
.contacts, .techskills, .softskills {
     margin: 50px 0 0 40px ;
}

.sidebar-title {
     font-style: normal;
     font-weight: bold;
     font-size: 22px;
     line-height: 27px;
     color:#fff; 
     margin-bottom: 10px;

}
.contacts-type {
     font-weight: bold;
     font-size: 14px;
     line-height: 24px;
     color: #fff;
     margin-right: 5px;
}
.contacts-link {
     color: #fff;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
}
.techskills-list {
     padding: 0 0 0 17px;
     
}
.softskills-list {
     padding: 0 0 0 17px;
}
.tech-item {
     color: #fb6d3a;
}
.tech-item-text {
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
     color: #fff;
}