body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2%;
  color: #434455;
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 111%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #2e2f42;
}

h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #2e2f42;
}

p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #434455;
}

/* header */
.header {
}

.header-nav-all {
}

.logo {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 117%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #4d5ae5;
}

.logo-part2 {
  color: #2e2f42;
}

.header-nav {
}

.header-nav-li {
}

.header-nav-link {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #2e2f42;
}

.header-nav-link:hover {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #404bbf;
}

.header-nav-link:focus {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #404bbf;
  text-decoration: underline;
  text-decoration-color: #404bbf;
}

.address {
  line-height: 150%;
  font-style: normal;
}

.address ul {
}

.address-link {
  color: #434455;
  letter-spacing: 0.02em;
}

.address-link:hover,
.address-link:focus {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #404bbf;
}

/* section 1 */
.hero-image {
  background: #2e2f42;
}

.hero-image-text {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 107%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff;
}

.hero-image-button {
  background: #4d5ae5;
  font-weight: 500;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 150%;
  letter-spacing: 0.04em;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
}

.hero-image-button:hover,
.hero-image-button:focus {
  background: #404bbf;
}

/* section 2 */
.section-two {
}

.section-two-title {
}

.section-two-list {
}

.section-two-list-element {
}

.section-two-list-element-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #2e2f42;
}

.section-two-list-element-text {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #434455;
}

/* section 3 */
.section-three {
  background: #f4f4fd;
  margin: 0 auto;
}

.section-three-title {
  text-transform: capitalize;
}

.section-three-list {
}

.section-three-card {
  background: #fff;
  text-align: center;
}

.name {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #2e2f42;
}
.section-three-card-text {
  font-size: 16px;
}

/* section 4 */
.section-four {
}
.section-four-title {
  text-transform: capitalize;
}

.section-four-list {
}

.section-four-list-card {
  background: #fff;
}

.section-four-list-card-text-title {
}

.section-four-list-card-text-p {
}

/* footer */
.footer {
  background: #2e2f42;
}

.footer-logo {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 117%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.footer-logo-part-two {
  color: #f4f4fd;
}

.footer-text {
  color: #f4f4fd;
}