body 
   {font-family: 'Montserrat', sans-serif;
    background-color: #3a3631fd;
    padding: 40px;}

 .wrapper 
    {display: flex;
    flex-direction: row-reverse;
    background: #252423;
    width: 1000px;
    margin: 0 auto;
    box-shadow: 0 8px 12px rgb(32, 32, 32);}

/* main-content */
 .main-content 
    {padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;}

/*about me*/
  .my-profession 
    {font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #f5f0f0;
    margin: 0 0 18px 0;}

  .my-names {font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #f5f0f0;
    margin: 0 0 28px 0;}

  .my-description{           
    width: 525px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #f5f0f0;
    }
  .work-duties {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #f5f0f0;
    margin: 0;
    padding: 0;
    }

.company333 {
    margin-bottom: 44px;
}

  .about-me-container
    {margin-bottom: 64px;}

    /* projects */  
  .project-item {background-color:
    rgb(192, 98, 27);
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #f5f0f0;
    margin: 0 0 8px 0;
    margin-bottom: 0 0 48px 0;}

 .project-item-work {margin:0 0 0  0px;
   background-color:rgb(192, 98, 27) ;
   color: #f5f0f0;
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 27px;}


 .work-expirions-position{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #f5f0f0;
    margin: 0;}

 .work-expirions-place {
    margin-bottom: 16px;}

 .company-color {color: #405a3c}

 .work-period{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #6f6d6d;
    margin: 12px 0 8px 0;}

    .work-duties-list {padding: 0 0 0 16px;
    margin: 0;}



/* HOMEWORK*/

.work-duties-3 {font-style: normal;
 font-weight: 400;
 font-size: 14px;
 line-height: 24px;
 color: #f5f0f0;
 margin: 0;
 padding: 0;}
.company-color-3 {color: #405a3c}
.work-period-3{
 font-style: normal;
 font-weight: 400;
 font-size: 12px;
 line-height: 15px;
 color: #6f6d6d;
 margin: 12px 0 8px 0;}
.work-duties-list-3 {
 padding: 0 0 0 16px;     margin: 0;}
.white-color-3{ color:   #f5f0f0; }

.education-period { font-style: normal;
 font-weight: 400;
 font-size: 12px;
 line-height: 15px;
 color: #6f6d6d;
 margin: 12px 0 8px 0;}
    
.education-item  {font-style: normal; background-color: rgb(192, 98, 27);
 font-weight: 700;
 font-size: 24px;
 line-height: 24px;
 color: #f5f0f0;}
.company-education {font-style: normal;   
 font-weight: 700;
 font-size: 16px;
 line-height: 20px;
 color: #405a3c;
  margin: 0;
 padding: 0;}
.education-directon {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #f5f0f0;
  margin:  12px 0 0 0;
  padding: 0;}
    













/* PROJECT */

 .one-two-three {font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fefcfc;
    padding: 0 0 0 16px;}
    
.project-item-link {font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #ffffff;
     margin: 0 0 0 8px;}
 
 .html-java {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #868383;}

 .white-color{ color: #e0d8d8;}


/* sidebar sidebar  sidebar  sidebar  sidebar  sidebar  sidebar  sidebar  sidebar  sidebar */

 .number {font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #f7f3f3;
    margin: 8px 0 0 0;
    padding: 0;}
    


    .sidebar {width: 370px;
    background-color: #272625;}

    .my-photo 
    {margin-top: 40px;
    margin-left: 18px;
    margin-right: 18px;}
 
    .soft-skils-container,
    .contacts-container,
    .tech-skills-container 
    {margin: 48px 0 0 40px;}

 /* SOFT SKILLS */
 .project222
    {background-color: rgb(192, 98, 27);
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 27px;
    color: #E5E5E5;;
    margin-bottom: 0;}

.contacts-type  
   {font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 24px;
   color: #fef9f9;;
   margin-right: 8px;}

.contacts-item 
    {margin: 8px 0 0 0;}

.skils-list 
    {margin: 0;
    padding: 0 0 0 18px;}

   .skills-list-tech { color: #E5E5E5;}
   .tech-skills-text 
    {font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #f8f6f6;}
    /* SOFT SKILLS 2 */

.soft-list 
   {margin: 0;
    padding: 0 0 0 18px;}
.soft-list-text
    {color: #f8f6f6;}

.soft-text{font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #f7f5f5;}