mep_content+backgroundradiant

user/themes/anissabensalah/scss/config/mixins/_fonts.scss

@@ -98,9 +98,12 @@ $category: "sans-serif";
 $font16: 1rem;
 $font18: 1.134rem;
 $font21: 1.323rem;
+$font22: 1.375rem;
 $font24: 1.512rem;
+$font32: 2rem;
 $font36: 2.268rem;
 $font48: 3.024rem;
+$font72: 4.5rem;
 
 // $fonth1: 2rem;
 // $fonth2: 1.5rem;

user/themes/anissabensalah/scss/theme/fonts.scss

@@ -6,7 +6,7 @@ body{
   #header{
     a{
       font-family: $Regular;
-      font-size: $font36;
+      font-size: $font32;
       font-weight: normal;
       color: white;
     }
@@ -14,7 +14,7 @@ body{
       li{
         &:nth-child(-n+2){
           &::after{
-            font-size: $font36;
+            font-size: $font32;
             content: "-";
             color: white;
           }
@@ -23,12 +23,46 @@ body{
     }
   }
   #start{
+    .content{
+      p{
+        font-size: $font22;
+        font-family: $light;
+        font-weight: normal;
+        line-height: 2rem;
+      }
+    }
     #home{
       h1{
         font-family: $Thin;
         font-weight: normal;
         font-size: 30vw;
       }
+      p, a {
+        font-size: $font24;
+        color: white;
+        font-family: $light;
+      }
+    }
+    .chap{
+      color: white;
+      font-family: $light;
+      h2{
+        font-family: $light;
+        font-weight: normal;
+        font-size: $font72;
+      }
+      a{
+        font-family: $Regular;
+        font-size: $font24;
+        color: white;
+        &:nth-of-type(2){
+          &::before{
+            margin: 0 5px;
+            content: "-";
+            color: white;
+          }
+        }
+      }
     }
   }
 }

user/themes/anissabensalah/scss/theme/reset.scss

@@ -25,3 +25,8 @@ a{
 p, ul, li, ol, h1, h2, h3, em, blockquote{
   margin: 0;
 }
+
+img{
+  width: 100%;
+  height: auto;
+}

user/themes/anissabensalah/scss/theme/section.scss

@@ -1,23 +1,61 @@
 #start{
-  // & > div{
-  //   width: 100%;
-  //   height: 100vh;
-  //   img{
-  //     width: 100%;
-  //   }
-  // }
+  div:nth-child(n+3){
+    display: flex;
+    & > div{
+      width: 50%;
+      height: 100vh;
+      overflow: auto;
+      &:first-child{
+        display: flex;
+        background-image: linear-gradient(#98272D, #4f100B);
+        .chap{
+          margin: auto;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .content{
+    p{
+      text-align: center;
+      margin-bottom: 15px;
+    }
+  }
+  .grav-youtube{
+    margin: 0;
+  }
   #home{
+    display: flex;
     .visu-album{
       position: absolute;
     }
     .title{
         z-index: 999;
         height: 100vh;
+        width: 100%;
         display: flex;
         flex-wrap: wrap;
       h1{
+        width: 100vw;
         margin: auto;
         text-transform: uppercase;
+        text-align: center;
+      }
+      p{
+        position: absolute;
+        text-align: center;
+        width: 500px;
+        left: 50%;
+        margin-left: -250px;
+        top: 77%;
+      }
+    }
+  }
+  #biographie, #prochaine_date{
+    .content{
+      padding: 100px;
+      p:last-child{
+        margin-bottom: 100px;
       }
     }
   }