book container done

Natours/starter/sass/pages/_home.scss

@@ -6,16 +6,18 @@
 
 .section-features {
   padding: 20rem 0;
-  background-image: linear-gradient(to right bottom,
+  background-image: linear-gradient(
+      to right bottom,
       rgba($color-primary-light, 0.801),
-      rgba($color-primary-dark, 0.808)),
+      rgba($color-primary-dark, 0.808)
+    ),
     url("../img/nat-4.jpg");
   background-size: cover;
 
   margin-top: -10rem;
   transform: skewY(-7deg);
 
-  &>* {
+  & > * {
     transform: skewY(7deg);
   }
 }
@@ -30,3 +32,33 @@
   position: relative;
   padding: 15rem 0;
 }
+
+.section-book {
+  padding: 15rem 0;
+  background-image: linear-gradient(
+    to right bottom,
+    $color-primary-light,
+    $color-primary-dark
+  );
+}
+
+.book {
+  background-image: linear-gradient(
+      105deg,
+      rgba($color-white, 0.9) 0%,
+      rgba($color-white, 0.9) 50%,
+      transparent 50%
+    ),
+    url(../img/nat-10.jpg);
+  background-size: 100%;
+
+  border-radius: 3px;
+  box-shadow: 0 1.5rem 4rem rgba($color-black, 0.2);
+
+  height: 50rem;
+
+  &__form {
+    width: 50%;
+    padding: 6rem;
+  }
+}