diff --git a/src/css/custom.css b/src/css/custom.css index 280b22a16bebed4ed0f59c46fa582f20f0f30b2f..b9e2e5c2ca220b504e0fcece9934e8ea50370d92 100644 --- a/src/css/custom.css +++ b/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; diff --git a/src/pages/index.module.css b/src/pages/index.module.css index 81802d37ce03a14d383e1d20423b1b5be89c2a34..156031a22d3258bae8458f45fb223fe0fdce4371 100644 --- a/src/pages/index.module.css +++ b/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 {