refactor: move index custom CSS on a better place

src/css/custom.css

@@ -82,22 +82,6 @@ p {
   z-index: 1; 
  } 
 
-/************ Header style ***********/
-header {
-  height: 500px;
-  clip-path: polygon(
-    0 0,
-    100% 0,
-    100% calc(100% - 6vw),0 100%)
-}
-
-.hero__subtitle {
-  width: 90%;
-  text-align: center;
-  margin: auto;
-  padding-bottom: 20px;
-}
-
 /************ main elements style***********/
 .section-promises {
   padding: 4rem 0;

src/pages/index.module.css

@@ -5,6 +5,15 @@
  * and scoped locally.
  */
 
+/************ Header style ***********/
+
+.hero__subtitle {
+  width: 90%;
+  text-align: center;
+  margin: auto;
+  padding-bottom: 20px;
+}
+
 .heroBanner {
   padding: 4rem 0; 
   text-align: center;
@@ -14,6 +23,11 @@
   align-items: center;
   justify-content: center; 
   background-color: var(--ifm-color-light-green);
+  height: 500px;
+  clip-path: polygon(
+    0 0,
+    100% 0,
+    100% calc(100% - 6vw),0 100%)
 }
 
 .container {