Стили основного контента страницы

05-main-styles.css

/* Main content */
.section {
  padding: 10px 30px;
}

.section_special {
  background: repeating-linear-gradient(
    -55deg,
    #fff,
    #fff 20px,
    #e0e9ec 20px,
    #e0e9ec 30px
  );
  border: solid 1px #eee;
  border-width: 1px 0;
  will-change: background-position;
}

.section__title {
  font-size: 40px;
  margin: 0 0 20px;
}

.section__features {
  padding-left: 1.5em;
  margin: 0 0 20px;
}

.section__features li {
  margin: 0 0 10px;
}

.section__features_dashed li {
  list-style: none;
}

.section__features_dashed li::before {
  content: '—';
  margin-left: -1.5em;
  margin-right: 0.5em;
}

.section__button {
  background: greenyellow;
  border-radius: 5px;
  color: #000;
  display: inline-block;
  font-family: inherit;
  font-size: 30px;
  font-weight: bold;
  padding: 10px 20px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}