body {
  font-family: "Roboto", "Raleway", sans-serif;
  color: #212121;
}

button:hover,
button:focus {
  background-color: #2196f3;
  color: #ffffff;
  cursor: pointer;
}
a {
  color: #212121;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2196f3;
}

:root {
  --color-text: #ffffff;
  --background-color: #2f303a;
  --background-color-two: #f5f4fa;
  --background-color-three: #757575;
  --one-color-logo: #2196f3;
  --two-color-logo: #000000;
}
.background-button {
  background-color: var(--one-color-logo);
}
.logo {
  font-family: "Raleway";
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 00.03em;
  color: var(--two-color-logo);
}
.logo:hover,
.logo:focus {
  color: var(--two-color-logo);
}
.logo2 {
  color: var(--one-color-logo);
}
.menu-style {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.menu-contact-style {
  color: var(--background-color-three);
}
.footer-style {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 00.03em;
  color: var(--color-text);
}
.footer-contact-style {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 00.03em;
  color: #ffffff99;
}
.footer-background,
.background-banner {
  background-color: var(--background-color);
}
.our-team {
  background-color: var(--background-color-two);
}
.head-style {
  font-size: 44px;
  font-weight: 900;
  line-height: 1.4;
  color: var(--color-text);
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.text-article h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.text-article p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 00.03em;
  color: var(--background-color-three);
}
.section-head {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 00.03em;
}
.name-worker {
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 00.03em;
}
.employee-specialization {
  line-height: 1.2;
  text-align: center;
  letter-spacing: 00.03em;
  color: var(--background-color-three);
}
.style-text-button {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.9;
  align-items: center;
  text-align: center;
  letter-spacing: 00.06em;
  color: var(--color-text);
}
.filter button {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 00.03em;
}
.title-project {
  font-weight: 700;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 00.06em;
}
.type-project {
  line-height: 1.9;
  letter-spacing: 00.03em;
  color: var(--background-color-three);
}