* {
  padding: 0;
  margin: 0;
}

.header {
  background: rgb(224, 145, 233);
}

.wrapper {
  max-width: 904px;
  margin: 0 auto;
}

.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
}

.nav__list {
  display: flex;
  list-style: none;
  gap: 40px;
}

.nav__link {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
  transition: 1s;
}

.nav__link:hover {
  color: rgb(170, 0, 182);
}

.hero-block {
  background: rgb(44, 44, 44);
}

.hero-block__wrapper {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
}

.hero-block__content {
  max-width: 600px;
}

.hero-block__title {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 48px;
  font-weight: 400;
  line-height: 71px;
  margin-bottom: 110px;
  margin-top: 88px;
}

.hero-block__link {
  border-radius: 6px;
  background: rgb(223, 89, 245);
  padding: 10px 48px;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: Oswald;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.about {
  background-color: #e091e9;
}

.about__wrapper {
  padding: 60px 0;
}

.about__title {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 48px;
  font-weight: 400;
  line-height: 71px;
  text-align: center;
  margin-bottom: 30px;
}

.about__content {
  display: flex;
  align-items: center;
}

.about__text {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  max-width: 455px;
  margin-right: 162px;
}

.video {
  background: rgb(44, 44, 44);
}

.video__wrapper {
  padding: 80px 0;
}

.video__title {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 48px;
  font-weight: 400;
  line-height: 71px;
  text-align: center;
  margin-bottom: 80px;
}

.video__video {
  width: 100%;
  height: 538px;
  border: 55px solid rgb(227, 134, 242);
  border-radius: 29px;
  box-sizing: border-box;
}

.gallery {
  background: rgb(224, 145, 233);
}

.gallery__wrapper {
  padding: 85px 0;
}

.gallery__title {
  color: rgb(228, 228, 228);
  font-family: Oswald;
  font-size: 48px;
  font-weight: 400;
  line-height: 71px;
  text-align: center;
  margin-bottom: 80px;
}

.gallery__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 15px;
  justify-content: center;
}

.gallery__item {
  width: 640px;
  height: 360px;
}

.gallery__img {
  width: 100%;
  height: 100%;
}

.footer {
  background: rgb(44, 44, 44);
}

.footer__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 54px 0;
}

.footer__title {
  color: rgb(228, 228, 228);
  font-family: Inter;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 22px;
}

.footer__text {
  color: rgb(228, 228, 228);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.footer__list {
  display: flex;
  list-style: none;
  gap: 24px;
}