body{

    font-family: 'Montserrat', sans-serif;
    background-color: #F5F7FA;


}
 
.main-container{
   display: flex;
   flex-direction: row-reverse;
   background: rgba(255, 239, 239, 0.9);
   width: 1200px;
margin: 40px auto;
box-shadow: 6px 6px 20px rgba(red, green, blue, alpha);


}

/* main content section */
.main-content-section{
padding: 0 90px;
font-style: normal;
font-size: 14px;
font-weight: bold;
line-height: 17px;


}
/* about me section */
.about-me-section{
margin-bottom: 40px;

}


.About-me-profession{
font-size: 14px;
font-weight: 700;
color:black;
padding: 50px 90px; 
text-align: center;
line-height: 17px;
font-style: normal;
margin-bottom: 20px;

}

.about-me-name{
font-style: normal;
font-size: 45px;
font-weight: bold;
line-height: 55px;
margin-bottom: 25px;
color:black;
}

.about-me-description{
   font-style: normal;
   font-size: 14px;
   font-weight: normal;
   line-height: 24px;
   color:black;
   width: 400px;
   }

/* /* about me section */ 
.my-projects-section{
margin-bottom: 0 0 50px 0;
}

.my-projects-list{
padding: 0 0 0 17px;

}

.my-projects-item{
color: black;
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: #595959;

}

.main-content-title{
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 27px;
color: black;
margin-bottom: 10px;
}
/* work experience */
.work-experience-company{
color: #f8603a;

}
.work-experience-position{
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 20px;
   margin: 0 0 10 0;
}
.work-experience-time{
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 15px;
   color: gray;
   margin: 0 0 10 0;
}

.work-experience-divider{
color: black;

}

.work-experience-duties{
padding-left: 18px;

}

.work-experience-duty{
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
    color: #595959;

}

.work-experience-company-block{
margin: 0 15 0 0;

}

.education-university{
   color: #f8603a;
}

.education-position{
   color: #595959;
   padding-bottom: 20px;

}

.recommendation-type{
   color: #595959;
}
.recommendation-type-text{
   color: #595959;
   text-decoration: none;
}
.education-section div{
   padding-top: 20px;

}
.education-section div:last-of-type{
   margin-bottom: 50px;
}
/* seidebar-section */

.sidebarsection{
background: #1E2939;
width: 370px;
padding: 40px 0;

}
.sidebarsection>img{
   padding-left: 70px;
}
.contacts-section{
margin: 50px 0 0 40px;

}

.techskills-section{
   margin: 50px 0 0 40px;

}
.softskills-section{
   margin: 50px 0 0 40px;
}


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

/* contacts section */
.contacts-section-type{
   font-weight: bold;
   font-size: 14px;
   line-height: 24px;
   color: white;
   margin-right: 7px;
}
.contacts-section-link{
   color: white;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
}
/* tech skills section */
.techskills-list{
padding: 0 0 0 17px;
}
.techskills-item{
   color: #f8503a;
}

.techskills-item-text{
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #fff;
}

 /* soft skills section */
.softskills-list{
padding: 0 0 0 17px;
}
.softskills-item{
   color: #f8503a;

}

.softskills-item-text{
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
   color: #fff;

}
@media (max-width: 1024px) {
   .main-container{
      max-width: 1020px;
      display: block;
   }
   .About-me-profession h2, .about-me-name{
      margin-left: -130px;
   }
   .about-me-description {
      padding-top: 50px;
      margin-left:50px
   }
   .sidebarsection>img {
      padding-left: 70px;
      width: 15%;
      height: 20%;
      position: absolute;
      top: 80px;
      left: -40px;
   }
   .sidebarsection {
      background: none;
      width: 370px;
      padding: 40px 0;
      display: flex;
   }
   .sidebar-title, .contacts-section-type,
   .contacts-section-link, .softskills-item-text,
   .techskills-item-text{
      color: black;

   }
   
}
@media (max-width: 680px) {
   .sidebarsection>img {
      width: 25%;
      height: 25%;

   }

}

@media (max-width: 570px) {
   .sidebarsection>img {
      width: 35%;
      height: 25%;
   }
   .about-me-description {
      padding-top: 50px;
      margin-left: 50px;
      font-size: 20px;
      line-height: 35px;
      padding-top: 80px;
   }
   /*.my-projects-item {*/
   /*   font-variant: discretionary-ligatures;*/
   /*   display: table-cell;*/
   /*}*/
   .dots{
      display: none;
   }
   .my-projects-list {
      padding: 0 0 7px;
      padding-left: -10px;
      margin-right: 160px;
      margin-left: -70px;
   }
   .my-projects-text {
      color: #000000;

   }
   .my-projects-link {
      font-style: normal;
      font-size: 22px;
      line-height: 44px;
      color: #000000;
   }
   .my-projects-bracket {

      color: #000000;
   }
   .main-content-title {

      font-size: 30px;

   }
   .work-experience-position {

      font-size: 26px;

   }
   .work-experience-time {
      font-size: 22px;

   }
   .work-experience-duty {

      font-size: 24px;

   }
   .education-university {
      color: #f8603a;
      font-size: 26px;
   }
   .education-section h4{
      font-size: 24px;
   }
   .education-position {

      font-size: 22px;
   }
   .sidebarsection {
      display: block;
      padding-left: 200px;
   }
   .sidebar-title,
   .contacts-section-type,
   .contacts-section-link,
   .softskills-item-text,
   .techskills-item-text {
      color: black;
      font-size: 30px;
      line-height: 50px;
   }
   
}

@media (max-width: 430px) {
   .sidebarsection > img {
      width: 45%;
      height: 25%;
   }

   .about-me-description {
      margin-left: 0;
      font-size: 25px;
      line-height: 55px;

   }

   .my-projects-bracket {
      display: none;
   }

   .my-projects-list {
      margin-left: 15px;

   }
   .my-projects-item {
      color: black;
      font-weight: bold;
      font-size: 25px;
   }
}

@media (max-width: 310px) {
   .sidebarsection > img {
      width: 55%;
      height: 25%;
   }
   .About-me-profession h2 {
      margin-left: -130px;
      font-size: 40px;
   }
   .about-me-name{
      font-size: 45px;
      padding-top:50px
   }
   .about-me-description {
      font-size: 35px;
      line-height: 55px;
   }
   .main-content-title {
      font-size: 50px;
   }
   .my-projects-section,
   .work-experience-section,
   .education-section {
      padding-bottom: 30px;
   }
   .my-projects-link {
      font-style: normal;
      font-size: 32px;
      line-height: 84px;
      color: #000000;
   }
   .my-projects-list {
      margin-left: -35px;
   }
   .work-experience-position {
      font-size: 46px;
   }
   .work-experience-time {
      font-size: 32px;
   }
   .work-experience-duty {
      font-size: 34px;
      line-height: 60px;
   }
   .company1 {
      color: #f8603a;
      float: left;
      margin-top: 50px;
      margin-bottom: 30px;
   }
   .work-experience-company {
      max-width: 700px;
   }
   .company1-name {
      line-height: 105px;
   }
   .work-experience-time {
      font-size: 32px;
      max-width: 700px;
   }
   .education-university {
      color: #f8603a;
      font-size: 46px;
      padding-top: 20px;
      line-height: 50px;
   }
   .education-section h4 {
      font-size: 38px;
   }
   .education-position {
      font-size: 32px;
      margin-bottom: 70px;
   }

   
}