Client pass

V1/resources/css/components/about.css

@@ -21,8 +21,10 @@
 .about-image h1 {
     font-family: 'Mona-Sans';
     color: rgba(34, 34, 34, 0.60);
-    font-size: 10vmin;
+    font-size: 12vmin;
     font-weight: 1000;
+    letter-spacing: -4px;
+    line-height: 1;
 }
 
 .about-sub {

V1/resources/css/components/compare.css

@@ -49,7 +49,7 @@
   }
 
   img {
-    max-block-size: 80dvh;
+    max-block-size: 100%;
     max-inline-size: 100%;
   }
 }

V1/resources/css/components/contact.css

@@ -9,9 +9,10 @@
 
 .contact-container h1 {
     color: #222;
-    font-size: 10vmin;
+    font-size: 13vmin;
     font-family: 'Moonstone History';
     font-weight: 10;
+    line-height: .9;
     margin: 0;
     margin-bottom: 40px;
     text-align: center;
@@ -19,7 +20,7 @@
 
 .contact-container a {
     background-color: #222;
-    padding: 10px 25px;
+    padding: 15px 25px;
     border-radius: 25px;
     color: #F8FAFC;
     text-decoration: none;

V1/resources/css/components/follow.css

@@ -1,6 +1,6 @@
 .follow-container {
     background-color: #F8FAFC;
-    height: calc(100vh - 200px);
+    height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -37,7 +37,7 @@
     overflow: scroll;
     border-top: 1px solid #D4D6D8;
     border-bottom: 1px solid #D4D6D8;
-    height: 100%;
+    height: 250px;
     width: 100%;
     padding: 2vmin;
     margin-top: 5vmin;
@@ -45,7 +45,7 @@
 
 .follow-sub-line {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(4, 1fr);
     grid-auto-rows: minmax(100px, auto);
     font-family: 'Overused Grotesk';
     color:#222;
@@ -70,8 +70,32 @@
     max-width: 90%;
 }
 
-.follow-sub-line svg {
+.follow-sub-line-icon {
     grid-column: 4;
+    display: flex;
+    align-items: end;
+    flex-direction: column;
+    z-index: 2;
+}
+
+.follow-sub-line-icon svg {
+    background-color: white;
+    border-radius: 28.5px;
+    height: 82px;
+    width: 47px;
+    padding: 5px;
+}
+
+.follow-sub-background {
+    position: relative;
+    background-color: #EFEFEF;
+    z-index: 1;
+    border-radius: 38px;
+    width: 77px;
+    height: 659px;
+    display: block;
+    top: calc(-100% * 2 - 34px);
+    right: calc(83px - 100%);
 }
 
 @media only screen and (max-width: 1200px) {

V1/resources/css/components/footer.css

@@ -1,5 +1,5 @@
 body {
-    padding-bottom: 850px;
+    padding-bottom: 1500px;
     background-color: #222;
     z-index: -20;
     position: relative;
@@ -11,7 +11,7 @@ body {
 
 .footer-container {
     font-family: 'Mona-Sans';
-    font-weight: 500;
+    font-weight: 600;
     background-color: #222;
     color: #F8FAFC;
     padding: 10vmin;
@@ -30,7 +30,7 @@ body {
 }
 
 .footer-menu svg {
-    width: 10vmin;
+    width: 20vmin;
 }
 
 .footer-menu-items {
@@ -46,6 +46,11 @@ body {
     text-decoration: none;
     text-transform: uppercase;
     transition: text-decoration 2s;
+    padding-bottom: 10px;
+}
+
+.footer-menu-items :last-child {
+    padding-bottom: 0px;
 }
 
 .footer-menu-items a:hover {
@@ -53,7 +58,7 @@ body {
 }
 
 .footer-title {
-    margin-top: 50px;
+    margin-top: 40px;
 }
 
 .footer-title div {
@@ -61,21 +66,22 @@ body {
 }
 
 .footer-title h1 {
-    font-weight: 700;
-    font-size: 10vmin;
+    font-weight: 800;
+    font-size: 14vmin;
     text-transform: uppercase;
     margin: 0;
+    line-height: 1;
 }
 
 .footer-title h2 {
-    margin-top: 30px;
+    margin-top: 8px;
 }
 
 .footer-links {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 50px 0px;
+    margin: 35px 0px;
 }
 
 .footer-links a {

V1/resources/css/components/hero.css

@@ -1,18 +1,18 @@
 .hero-title {
   color: #F8FAFC;
-  font-size: 10vmin;
+  font-size: 17vmin;
   font-family: 'Mona-Sans';
-  font-weight: bold;
-  line-height: 12vh;
+  font-weight: 800;
+  line-height: 15vh;
 }
 
 .hero-title2 {
   position: relative;
-  top: 25px;
-  left: 15px;
+  top: 21px;
+  left: 13px;
   color: #F8FAFC;
   font-family: "Moonstone History";
-  font-size: 10vmin;
+  font-size: 19vmin;
   line-height: 10vh;
 }
 
@@ -161,7 +161,7 @@
 .hero-decoration-arrow {
   position: absolute;
   color: #F8FAFC;
-  width: 10vmin;
+  width: 20vmin;
   bottom: 150px;
   right: 180px;
 }

V1/resources/css/components/menu.css

@@ -42,6 +42,7 @@
 
 .menu-items >a:hover, .menu-items >div>button:hover {
     text-decoration: underline;
+    text-decoration-color: #222;
 }
 
 .menu-subitem:hover .menu-subitem-items {
@@ -79,6 +80,8 @@
 
 .menu-subitem-items a:hover {
     text-decoration: underline;
+    text-decoration-color: #222;
+    text-decoration-thickness: 2px;
 }
 
 .menu-subitem-items h1 {

V1/resources/css/components/mobilier.css

@@ -1,7 +1,7 @@
 .mobilier-main-container {
   background-color: #222;
   display: grid;
-  grid-template-columns: 5fr 7fr;
+  grid-template-columns: 5fr 5fr;
 }
 
 .mobilier-images img {

V1/resources/css/components/projet.css

@@ -1,7 +1,7 @@
 .projet-main-container {
   background-color: #222;
   display: grid;
-  grid-template-columns: 5fr 7fr;
+  grid-template-columns: 5fr 5fr;
 }
 
 .projet-images img {
@@ -18,8 +18,8 @@
 
 .projet-description h1 {
   font-family: "Mona-Sans";
-  font-weight: 800;
-  font-size: 75px;
+  font-weight: 700;
+  font-size: 40px;
   margin-top: 80px;
   margin-bottom: 20px;
 }
@@ -28,12 +28,27 @@
   font-family: "Overused Grotesk";
   margin: 0;
   font-weight: 100;
-  font-size: 35px;
+  font-size: 21px;
 }
 
 .projet-description p {
   font-family: "Overused Grotesk";
-  font-size: 19px;
+  font-size: 21px;
+}
+
+.projet-punch-container {
+  background-image: none !important;
+  height: 500px !important;
+}
+
+.projet-punch {
+  font-size: 24px !important;
+  font-weight: 500 !important;
+  text-align: left !important;
+}
+
+.projet-punch-sub {
+  align-items: start !important;
 }
 
 .projet-contact-container {