body {
  background: #f4efe6;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: "Montserrat", sans-serif;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
}

.wrapper {
  background: #faf7f0;
  display: flex;
  flex-direction: row-reverse;
  width: 1200px;
  margin: 0 auto;
}
/*mein content*/
.meincontent {
  padding-left: 80px;
  padding-right: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  box-sizing: border-box;
}
/*main content*/
.my-profession {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.21429;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.my-name {
  font-weight: 600;
  font-size: 35px;
  line-height: 1.22222;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 12px;
  letter-spacing: 0.02em;
}
.my-descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #2e2e2e;
}
.my-info {
  margin-bottom: 40px;
  border-left: 3px solid #8a6f3b;
  padding-left: 14px;
}
/*work-experience*/
.work-experience-title {
  font-weight: 700;
  font-size: 28px;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 8px;
}
.work-experience-company {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  color: #2e2e2e;
  margin-top: 0;
  margin-bottom: 12px;
}
.company-name {
  color: #2e2e2e;
}
.work-experience-period {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.25;
  color: #6f6a5e;
  margin-bottom: 8px;
}
.work-experience-period-separator {
  color: #6f6a5e;
}
.work-experience-duties-list {
  padding-left: 16px;
}
.work-experience-duties-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71429;
  color: #2e2e2e;
}
.work-experience-cont {
  margin-bottom: 12px;
}
/*sidebar*/
.sidebar {
  background: #efe6d6;
  padding-top: 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
  width: 370px;
}
.sidebar-content {
  padding-left: 40px;
  padding-top: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}
/*My Projects*/
.my-projects-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.22727;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 8px;
  border-left: 3px solid #8a6f3b;
  padding-left: 14px;
}
.my-projects-item {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.71429;
  color: #2e2e2e;
}

.my-projects-item::marker {
  color: #8b6f3d;
}
.my-projects-list {
  padding-left: 16px;
}
.my-projects-link {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: underline;
  color: #2e2e2e;
}
.my-projects-item-tech {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #6f6a5e;
}
.my-projects-cont {
  margin-bottom: 40px;
}

/*contacts*/
.contacs-title {
  font-weight: 700;
  font-size: 22px;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 8px;
  border-left: 3px solid #8a6f3b;
  padding-left: 14px;
}
.contacs-type {
  font-weight: 700;
  font-size: 24px;
  color: #8a6f3b;
  margin-right: 8px;
}
.contacs-link {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #2e2e2e;
}
.contacs-link:hover {
  color: #8a6f3b;
}
.contacs-item {
  margin-top: 0;
  margin-bottom: 4px;
}
.contacs-cont {
  margin-bottom: 40px;
}
.contacts-description {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #6f6a5e;
}

/*footer*/
.footer-block {
  margin-top: 40px;
  padding-top: 16px;
}
.footer-brand {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.footer-logo {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.footer-text {
  font-size: 13px;
  line-height: 1.5;
  color: #6f6a5e;
}
.footer-contacts a {
  font-size: 13px;
  line-height: 1.5;
  color: #6f6a5e;
}
.footer-contacts a:hover {
  color: #8a6f3b;
}
.footer-divider {
  margin: 16px 0;
  border-top: 1px solid #d8d2c6;
}
.footer-heading {
  font-weight: 700;
  font-size: 22px;
  color: #8a6f3b;
  margin-top: 0;
  margin-bottom: 8px;
  border-left: 3px solid #8a6f3b;
  padding-left: 14px;
}
/*about*/
.about-title {
  font-weight: 700;
  font-size: 28px;
  color: #8a6f3b;
  margin-bottom: 16px;
  letter-spacing: 0.3px;
}

.about-text {
  font-size: 15px;
  line-height: 1.6;
  color: #2e2e2e;
  margin-bottom: 10px;
}

.about-divider {
  text-align: left;
  letter-spacing: 2px;
}

.about-section {
  margin-bottom: 8px;
}
.about-image {
  margin: 32px 0;
}

.about-image img {
  width: 110%;
  max-width: none;
  margin-left: -5%;
}
.about-text:last-child {
  margin-bottom: 16px;
}
/*index*/
.resource-image-block {
  margin: 24px 0;
}

.resource-image {
  width: 100%;
  max-width: 700px;
  height: auto;
  display: block;
}
/* Links inside Recommended Resources */
.work-experience-duties-item a {
  color: #2e2e2e;
  text-decoration: none;
  border-bottom: 1px solid rgba(138, 111, 59, 0.3);
  transition: all 0.3s ease;
}

/* Hover */
.work-experience-duties-item a:hover {
  color: #8a6f3b;
  border-bottom: 1px solid #8a6f3b;
}