Updated page black section

src/App.css

@@ -52,6 +52,12 @@
         translate: 100% -50%;
     }
 }
+.page-contrast {
+    box-shadow: 0 0 0 100vmax var(--black);
+    clip-path: inset(0 -100vmax);
+    padding-block: 4rem;
+    background: var(--black);
+}
 
 @media screen and (max-width: 1100px) {
     .page {
@@ -60,17 +66,4 @@
     .page-title {
         font-size: 1.75rem;
     }
-}
-
-.content-container {
-    padding-top: 2em;
-    padding-bottom: 2em;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-    gap: 50px;
-    width: 100%;
-    background-color: black;
 }

src/pages/home/Home.css

@@ -5,10 +5,6 @@
 }
 
 .partners {
-    box-shadow: 0 0 0 100vmax var(--black);
-    clip-path: inset(0 -100vmax);
-    padding-block: 4rem;
-    background: var(--black);
     max-width: 500px;
 }
 .partners-title {

src/pages/home/Home.tsx

@@ -19,9 +19,9 @@ const Home: React.FC = () => {
         header={'Qui sommes-nous ?'}
         label={'Club 100% étudiant'}
       >
-            Nous sommes <u>Modelec</u>, une association étudiante de l'<u>ISEN</u> qui a pour but de promouvoir la <b>robotique</b>, l'<b>électronique</b> et le <b>modélisme</b> auprès des étudiants de notre campus grâce à l'organisation d'ateliers et d'événements.
+        Nous sommes <u>Modelec</u>, une association étudiante de l'<u>ISEN</u> qui a pour but de promouvoir la <b>robotique</b>, l'<b>électronique</b> et le <b>modélisme</b> auprès des étudiants de notre campus grâce à l'organisation d'ateliers et d'événements.
         <br />
-            Nous participons également à la coupe de <u>France de robotique</u> où en 2024, nous avons fini <u>14e</u> sur 82 pour notre <u>première participation</u>.
+        Nous participons également à la coupe de <u>France de robotique</u> où en 2024, nous avons fini <u>14e</u> sur 82 pour notre <u>première participation</u>.
       </Banner>
       <SocialNetworkList
         networks={[
@@ -48,7 +48,7 @@ const Home: React.FC = () => {
           ]}
         />
       </div>
-      <div className={'partners'}>
+      <div className={'partners page-contrast'}>
         <h1 className={'partners-title'}>Ils rendent notre projet possible</h1>
         <p className={'partners-text'}>
           Un grand merci à nos partenaires qui nous soutiennent dans l'aventure et qui permettent à Modelec de continuer cette année encore.

src/pages/partenaires/Partenaires.tsx

@@ -27,7 +27,8 @@ const Partenaires: React.FC = () => {
           },
         ]}
       />
-      <div className={'content-container'}>
+      
+      <div className={'page-contrast'}>
         <FromLeftCard
           title={'ISEN Nantes'}
           image={'https://r2.modelec.club/isen.png'}

src/pages/projets/Projets.tsx

@@ -8,7 +8,7 @@ const Projets: React.FC = () => {
   return (
     <>
       <ProjetsHeader />
-      <div className={'content-container'}>
+      <div className={'project-header-container page-contrast'}>
         <ProjectBigCard
           imgtitle={'https://r2.modelec.club/cdf.png'}
           lefttext={{