body {
   font-family: 'Montserrat', sans-serif;
   background-color: #f5f7fa;
}
/* main styles */
.main{
   display: flex;
   flex-direction: row-reverse;
   width: 1200px;
   margin: 0 auto;
}
.main-content {
   background-color: #fff;
   box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
   padding: 55px 90px ;
}
/* about styles */
.about{
   margin-bottom: 10px;
}
.about-position{
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
   line-height: 17px;
   color: #000000;
   margin-bottom: 20px;
   margin-top: 2px;
}
.about-name{
   font-style: normal;
   font-weight: 700;
   font-size: 25px;
   line-height: 55px;
   color: #000000;
   margin-bottom: 25px;
}
/* projects styles */
.projects{
   margin-top: 0px;
   margin-bottom: 0px ;
   margin-left: 0px;
   margin-right: 90px;
   padding-left: 20px;
}
.title {
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 27px;
   color: #000000; 
   margin-bottom: 5px;
   margin-top: 5px;
}
.projects-list{
   padding: 0;
   margin-left: 15px;
}
.project-item{
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 24px;
   color: #000000;
}
.project, 
.project-link{
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   color: #595959;   
}
.project-link{
   margin-left: 10px;
}   
.project-bracket{
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
   color: #000000;
}
/* work styles */
.work{
   /* background: cyan; */
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 40px;
}
.work-position{
   font-style: normal;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #000000;
   margin-bottom: 1px;
}
.organization{
   font-style: bold;
   font-size: 16px;
   line-height: 20px;
   color: #FB6D3A;
}
.period{
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 15px;
   color: #6e6969;
   margin-bottom: 2px;
   margin-top: 5px;
}
.line{
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 15px;
   color: #000;
}
.work-list{
   padding: 0;
   margin-left: 15px;
   margin-top: 5px;
}
.work-list-item{
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   color: #000000;
   margin-bottom: 2px;
}
.education {
   padding-top: 5px;
   padding-bottom: 50px;
   padding-left: 20px;
   padding-right: 40px;
}
/* sidebar styles */
.sidebar {
   padding-top: 20px;
   background-color: #1e2939;
   color: white;
   width: 370px;
}
.photo{
width: 370px;
margin-bottom: 30px;
}
.kontakte,
.tech-skills,
.soft-skills {
   color: #FFFFFF;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   line-height: 24px;
   margin-left: 40px;  
}
.kontakte{
   margin-bottom: 50px;
}
.sidebar-title{
   color: #ffffff;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 27px;
   margin-bottom: 4px;
   }
.contact-type{
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: #FFFFFF;
      margin-right: 10px;
   }
.contact-link {
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
   color: #9ca5b3; 
   /* color: #565e6a; */
}
.tech-skills{
   margin-bottom: 30px;
}
.tech-skills-list,
.soft-skills-list{
   color: #fff;
   padding: 0;
   margin-left: 15px;
}
.tech-skills-item,
.soft-skills-item{
   color: #F8603a;
}
.tech-skills-text,
.soft-skills-text
{
   color: #fff;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 24px;
}
.another {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 20px;
   padding-right: 40px;
}