Merge pull request #8 from Alina-2005/Alina-2005-patch-5

Update styles.css

Author: Alina-2005

styles/styles.css

@@ -1,3 +1,4 @@
+
 @font-face {
   font-family: "PT-Sans";
   font-style: normal;
@@ -44,12 +45,6 @@ body {
   line-height: 21px;
   color: #333;
   background-color: #f2f2f2;
-}
-
-.link {
-  text-decoration: none;
-  color: #000;
-}
 
 .link.is-current {
   pointer-events: none;
@@ -226,312 +221,14 @@ img {
   top: 0;
   z-index: 1;
   border-bottom: 1px solid #fafafa;
-}
-
-.wrapper-text {
-  width: 680px;
-  margin: auto;
-  padding: 70px 0;
-  text-align: center;
-}
-
-.section-description {
-  font-size: 22px;
-  line-height: 26px;
-  margin: 0;
-}
-
-/* INDEX */
-/* HEADER */
-
-.page-header .line {
-  flex-direction: row;
-}
-
-.logo {
-  flex: 0 0 140px;
-  height: 64px;
-  margin-right: 28px;
-  z-index: 1;
-}
-
-.navigation {
-  display: flex;
-  flex: 1 1 auto;
-}
-
-.navigation-list {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.navigation-list__link {
-  display: block;
-  position: relative;
-  padding: 20px 16px;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 24px;
-}
-
-.navigation-list--menu .link::after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -1px;
-  height: 2px;
-  margin: 0 16px;
-  background-color: transparent;
-  z-index: 1;
-}
-
-.navigation-list__link:hover {
-  color: #756257;
-}
-
- .navigation-list--menu .link:hover::after {
-  background-color: #756257;
-}
 
-.navigation-list__link.is-current::after {
-  background-color: #756257;
-}
-
-.navigation-list--user {
-  justify-content: flex-end;
-  flex: 1 0 135px;
-  max-width: 135px;
-  margin-right: 20px;
-  margin-left: auto;
-}
-
-.navigation-list--user .navigation-list__link {
-  display: inline-flex;
-  padding: 22px 12px;
-}
-
-.navigation-list__link--search:hover,
-.navigation-list__link--favorite:hover {
-  color: #615048;
-}
-
-.navigation-list__link--search:active,
-.navigation-list__link--favorite:active {
-  color: rgba(117, 97, 87, 0.3);
-}
-
-.count {
-  position: absolute;
-  top: 10px;
-  left: 20px;
-  min-width: 20px;
-  height: 20px;
-  font-size: 10px;
-  line-height: 20px;
-  font-weight: 400;
-  text-align: center;
-  padding: 0 2px;
-  color: #fff;
-  background-color: #7db54f;
-  border-radius: 20px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.navigation-button {
-  display: flex;
-  flex-direction: column;
-  flex: 0 0 160px;
-  gap: 14px;
-  padding: 14px 0;
 }
 .navigation-button__link {
   width: 160px;
 }
 
 /* HERO */
 
-.hero {
-  position: relative;
-}
-
-.hero::after {
-  content: "";
-  display: block;
-  position: absolute;
-  bottom: 0;
-  height: 57px;
-  width: 100%;
-  background-image: url("../images/divider.svg");
-}
-
-.hero-welcome {
-  padding-top: 50px;
-  padding-bottom: 82px;
-}
-
-.hero-welcome {
-  background-color: #81B3D3;
-  background-image: url("../images/hero-bg.jpg");
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-.hero-welcome__img {
-  margin: 0 auto;
-}
-
-/* ADVANTAGES */
-
-.advantages-text {
-  margin-bottom: 20px;
-}
-
-.advantages-text__title {
-  margin-bottom: 25px;
-}
-
-.advantages-grid__list {
-  display: grid;
-  grid-template-columns: repeat(3, 400px);
-}
-
-.advantages-grid__item {
-  background-color: rgba(131, 179, 211, 0.12);
-}
-
-.advantages-grid__item:nth-child(4n+3) {
-  background-color: rgba(131, 179, 211, 0.20);
-}
-
-.advantages-grid__item .wrapper {
-  width: 230px;
-  text-align: center;
-}
-
-.advantages-grid__text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 400px;
-  min-height: 385px;
-  height: 100%;
-  padding: 75px 0;
-}
-
-.advantages-grid__title {
-  font-size: 24px;
-  line-height: 28px;
-  text-transform: uppercase;
-  margin-bottom: 30px;
-}
-
-.advantages-grid__description {
-  margin: 0;
-}
-
-.advantages-grid__description::before {
-  content: "";
-  display: block;
-  position: relative;
-  height: 2px;
-  width: 60px;
-  margin: 30px auto;
-  background-color: #000;
-  opacity: .3;
-}
-
-.advantages-grid__item--image {
-  grid-column: 1 / -1;
-  display: flex;
-  flex-wrap: wrap;
-  background-color: #82B3D3;
-  color: #fff;
-}
-
-.advantages-grid__item--reverse {
-  flex-direction: row-reverse;
-}
-
-.advantages-grid__item--image .advantages-grid__title {
-  color: #fff;
-}
-
-.advantages-grid__item--image .advantages-grid__description::before {
-  background-color: #fff;
-}
-
-.advantages-grid__item--image img {
-  object-fit: cover;
-  margin: auto 0;
-  min-height: 100%;
-}
-
-/* ADVANTAGES-SLOGAN */
-
-.advantages-slogan .wrapper-text {
-  padding: 64px 0;
-}
-
-/* ADVANTAGES-SERVICE */
-
-.advantages-service__list {
-  display: grid;
-  grid-template-columns: repeat(3, 400px);
-}
-
-.advantages-service__content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 400px;
-  min-height: 385px;
-  height: 100%;
-  padding: 75px 0;
-}
-
-.advantages-service__item .wrapper {
-  width: 230px;
-  text-align: center;
-}
-
-.advantages-service__item {
-  background-color: rgba(131, 179, 211, 0.12);
-}
-
-.advantages-service__item:nth-child(even) {
-  background-color: #fff;
-}
-
-.advantages-service__image {
-  margin: auto;
-  margin-bottom: 30px;
-}
-
-.advantages-service__title {
-  font-size: 24px;
-  line-height: 28px;
-  text-transform: uppercase;
-  margin-bottom: 30px;
-}
-
-.advantages-service__text {
-  margin: 0;
-}
-
-/* SEARCH */
-
-.search .wrapper-text {
-  padding: 96px 0;
-}
-
-.search-text__description {
-  margin-bottom: 54px;
-}
 
 /* SUBSCRIBE */
 
@@ -647,22 +344,6 @@ img {
 
 .contacts-address__phone:not(:last-child) {
   margin-bottom: 10px;
-}
-
-.contacts-address__phone:hover,
-.footer-logo__link:hover {
-  color: #756157;
-}
-
-.contacts-address__phone:focus-visible,
-.footer-logo__link:focus-visible {
-  color: #756157;
-}
-
-.contacts-address__phone:active,
-.footer-logo__link:active {
-  color: rgba(117, 97, 87, 0.3);
-}
 
 /* CATALOG-PAGE */
 /* FILTER */