css home

user/themes/gilles_acezat/scss/theme/_header.scss

@@ -1,13 +1,36 @@
 header{
+  h1{
+    font-size: 11.2vw;
+    line-height: 7vw!important;
+  }
+  h2{
+    font-size: 3.7vw;
+  }
   width: 100%;
-  height: 50vh;
+  height: 100vh;
   position: relative;
   display: inline-flex;
-  align-items: center;
+  flex-direction: column;
+  nav{
+    position: relative;
+    height: 100%;
+    .logo{
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
   .contact{
     position: fixed;
     top: 50px;
     right: 50px;
+    transform: scale(1);
+    transition: transform 0.5s ease;
+    cursor: pointer;
+    &:hover{
+      transition: transform 0.5s ease;
+      transform: scale(0.9);
+    }
     svg{
       animation: rotation 6s infinite linear;
       width: 90.4px;
@@ -20,7 +43,42 @@ header{
       display: none;
     }
   }
+  & > section{
+    height: 100%;
+    &.works-mea{
+      height: auto!important;
+      display: inline-flex;
+      flex-wrap: wrap;
+      margin-bottom: 10px;
+      .card{
+        line-height: 0.8!important;
+        .card-header{
+          margin-top: 10px;
+        }
+      }
+    }
+  }
   h2{
     margin-left: 10px;
   }
+  .scroll{
+    width: 50px;
+    height: 40px;
+    margin: 0 auto 10px auto;
+    overflow: hidden;
+    position: relative;
+    & > p:nth-child(1){
+      text-align: center;
+      position: absolute;
+      top: -20px;
+      animation: translatep1 2s infinite linear;
+    }
+    & > p:nth-child(2){
+      text-align: center;
+      position: absolute;
+      top: -20px;
+      animation: translatep1 2s infinite linear;
+      animation-delay: 1s;
+    }
+  }
 }