body {
  font-family: "Montserrat", sans-serif;
  background-color: #eeebeb;
}
.main-container {
  display: flex;
  flex-direction: row-reverse;
  width: 1200px;
  background-color: #ffffff;
  margin: 40px auto;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}
/* main content section */
.main-content-section {
  padding: 100px 70px;
}
.main-content-title {
  font-style: normal;
  line-height: 27px;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
/* about me section */
.about-me-section {
  margin: 0 0 40px 0;
}
.about-me-profession {
  font-style: normal;
  line-height: 17px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.my-name-item {
  color: tomato;
  font-style: normal;
  line-height: 17px;
  font-size: 45px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.about-me-description {
  font-style: normal;
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  margin-bottom: 20px;
}
/* my projects section */
.my-projects-section {
  margin: 0 0 50px 0;
}
.my-projects-list {
  padding: 0 0 0 17px;
}
.my-projects-item {
  color: black;
  font-weight: bold;
}
.my-projects-text {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: normal;
  margin-left: 5px;
}
.my-projects-link {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: normal;
}
.my-projects-bracket {
  font-style: normal;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
}
/* my work experience section */
.my-work-experience-section {
  margin: 0 0 50px 0;
}
.my-work-experience-cycle {
  margin: 0 15px 0 0;
}
.name-of-institute,
.my-position {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
.my-work-experience-company {
  color: tomato;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: bold;
}
.my-education-period,
.my-work-experience-period {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 10px;
}
.my-education-period-divider,
.name-of-institute-divider,
.my-work-experience-divider {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: bold;
}
.my-work-experience-duties {
  padding: 0 0 0 18px;
}
.my-work-experience-duty {
  color: black;
  font-style: normal;
  line-height: 24px;
  font-size: 17px;
  font-weight: normal;
}

/* sidebar section */
.sidebar-section {
  background-color: tomato;
  width: 370px;
  padding-top: 40px 0;
}
.contacts-section {
  margin: 50px 0 0 40px;
}
.tech-skills-section {
  margin: 50px 0 0 40px;
}
.soft-skills-section {
  margin: 50px 0 0 40px;
}
.sidebar-section-title {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: #000;
  margin-bottom: 10px;
}
/* contacts section */
.contacts-section-type {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-right: 5px;
}
.contacts-section-link {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
/* tech skills section */
.sidebar-section-title-tech-skills {
  padding: 0 0 0 40px;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
}
.tech-skills-list {
  padding: 0 0 0 60px;
}
.tech-skills-item {
  color: #ffffff;
}
.tech-slills-item-text {
  color: black;
}
/* soft skills section */
.sidebar-section-title-tech-skills {
  padding: 0 0 0 40px;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
}
.soft-skills-list {
  padding: 0 0 0 60px;
}
.soft-skills-item {
  color: #ffffff;
}
.soft-slills-item-text {
  color: black;
}
