latest update

blocks/about.css

@@ -14,7 +14,6 @@
   font-size: 44px;
   line-height: 52px;
   color: #fff;
-  flex-flow: column wrap;
   margin: 100px 0 0 80px;
   max-width: 251px;
   z-index: 2;
@@ -30,7 +29,6 @@
 }
 
 .about__paragraph {
-  margin-bottom: 20px;
   font-family: "Noto Serif", serif;
   font-size: 20px;
   line-height: 30px;
@@ -71,74 +69,3 @@
 .about__paragraph:last-child {
   padding-bottom: 0px;
 }
-
-/*@keyframes pulsate {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.6;
-  }
-  100% {
-    transform: scale(1.3);
-  }
-}
-
-.about {
-  background-color: #0a2850;
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-}
-
-.about__content {
-  font-family: Inter, Arial, sans-serif;
-  flex-flow: column wrap;
-  max-width: 660px;
-  padding: 119px 80px 173px 0;
-  margin-left: auto;
-}
-
-.about__title {
-  font-style: normal;
-  font-weight: 500;
-  font-size: 44px;
-  line-height: 52px;
-  color: #fff;
-  flex-flow: column wrap;
-  margin: 100px 0 0 80px;
-  max-width: 251px;
-  z-index: 2;
-}
-
-.about__paragraph {
-  font-family: Noto serif, "Times New Roman", serif;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 20px;
-  line-height: 30px;
-  color: #fff;
-  padding-bottom: 20px;
-  margin: 0;
-}
-
-.about__paragraph:last-child {
-  padding-bottom: 0px;
-}
-
-.about__circle {
-  border-radius: 50%;
-  background-color: #2f80ed;
-  width: 426px;
-  height: 426px;
-  position: absolute;
-  top: -152px;
-  left: -129px;
-  z-index: 0;
-}
-
-.about__circle_animation_blurred {
-  animation: pulsate 1.5s ease-in-out infinite alternate;
-}*/

blocks/footer.css

@@ -42,6 +42,10 @@
   margin-bottom: 16px;
 }
 
+.footer__list-item:last-child {
+  margin-bottom: 0px;
+}
+
 .footer__social-icon {
   margin-right: 10px;
   width: 16px;
@@ -68,4 +72,6 @@
   font-weight: normal;
   font-size: 16px;
   line-height: 20px;
+  margin-top: 0;
+  margin-bottom: 0;
 }

blocks/form.css

@@ -12,6 +12,8 @@
   flex-direction: column;
   padding: 0;
   width: 100%;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .form__label {
@@ -23,8 +25,12 @@
   line-height: 20px;
 }
 
+.form__label:last-child {
+  margin-bottom: 0;
+}
+
 .form__input {
-  width: 385px;
+  width: 100%;
   border-radius: 4px;
   border: 0;
   margin: 0 auto 32px auto;
@@ -34,6 +40,8 @@
   font-size: 20px;
   line-height: 30px;
   box-sizing: border-box;
+  padding-left: 20px;
+  padding-right: 20px;
 }
 
 .form__button {

blocks/header.css

@@ -17,7 +17,7 @@
   width: 646px;
   height: 568px;
   position: absolute;
-  top: 94px;
+  top: 124px;
   right: 5px;
   z-index: -1;
 }
@@ -30,6 +30,7 @@
   line-height: 72px;
   max-width: 729px;
   margin-top: 202px;
+  margin-bottom: 0;
 }
 
 .header__span-accent {
@@ -47,7 +48,8 @@
   font-size: 20px;
   line-height: 30px;
   max-width: 683px;
-  top: 28px;
+  margin-top: 28px;
+  margin-bottom: 0;
 }
 
 .header__footer {

blocks/menu.css

@@ -9,7 +9,7 @@
 }
 
 .menu__title {
-  font-family: "Noto Serif", "Times New Roman", serif;
+  font-family: "Inter", "Arial", sans-serif;
   font-weight: 500;
   font-size: 44px;
   line-height: 52px;

blocks/nav.css

@@ -19,7 +19,6 @@
 .nav__link {
   color: #000000;
   text-decoration: none;
-  font-weight: bold;
 }
 
 .nav__link:hover {

blocks/reservation.css

@@ -12,8 +12,7 @@
   font-weight: 500;
   font-size: 44px;
   line-height: 52px;
-  display: flex;
-  justify-content: center;
+  text-align: center;
   padding: 100px 0 80px 0;
   margin: 0;
 }

index.html

@@ -164,7 +164,7 @@ <h2 class="recipes__title">Recipes</h2>
             </li>
           </ul>
         </section>
-        <section class="reservation" id="Reservation">
+        <section class="reservation" id="reservation">
           <h2 class="reservation__title">Book a table</h2>
           <form class="reservation__form form">
             <fieldset class="form__fieldset">