diff --git a/assets/css/hero.css b/assets/css/hero.css index 5805748..70a6430 100644 --- a/assets/css/hero.css +++ b/assets/css/hero.css @@ -21,7 +21,7 @@ gap: 4rem; /* Space between items */ margin: auto; /* margin-bottom: 4vh; */ - background: linear-gradient(to bottom right, rgb(249, 178, 8), #E72E77); + background: linear-gradient(to bottom right, #FAB108, #E72E77); padding-right: 3vw; /* 40 px approx*/ padding-left: 3vw; } @@ -81,7 +81,7 @@ width: 11vw; border-radius: 15px; border: 4px solid black; - box-shadow: 0 4px 8px rgba(249, 178, 8, 0.6); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .hero-catch-phrase { @@ -128,7 +128,7 @@ color: #333; /* background-color: #fbfbfb; */ border-radius: 20px; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } @@ -165,7 +165,8 @@ height: auto; border-radius: 15px; border: 4px solid black; - box-shadow: 0 15px 25px rgba(231, 46, 119, 0.6); + box-shadow: 0 10px 20px rgba(249, 178, 8, 0.6); + } /* Button at the end of the hero-second */ @@ -174,8 +175,8 @@ display: flex; justify-content: center; padding: 40px 0; - background-color: white; - color: #E72E77; + color: white; + background-color: #E72E77; padding: 20px 40px; font-size: 1.6rem; font-weight: bold; @@ -186,8 +187,8 @@ } .hero-button-end:hover { - color: white; - background-color: #E72E77; + background-color: white; + color: #E72E77; } @@ -260,6 +261,7 @@ .bloc-text { font-size: 1.8rem; + box-shadow: none; } .bloc-text h3 {