starting to have quite good animations with gsap

web_main/themes/custom/mathallo/assets/scss/main.scss

@@ -265,7 +265,7 @@ main[role="main"]{
   &>div.layout-content{
     &>.wrapper{
       position:relative;
-      padding-bottom: 20em;
+      padding-bottom: 100vh;
     }
     nav.arrow-more{
       text-align: center;
@@ -431,7 +431,7 @@ main[role="main"]{
         }
         &.field-en-pratique{
           margin-left: -50%;
-          margin-top: 7em;
+          transform: translateY(2em);
           @include back-card();
         }
         &.field-principes-reflexion,

web_main/themes/custom/mathallo/assets/scss/partials/colors.scss

@@ -1,3 +1,3 @@
 $bleu_site: #1642bc;
 $bleu_typo: #0b1e52;
-$rose: #f661e2
+$rose: #f661e2;

web_main/themes/custom/mathallo/assets/scss/partials/mixins.scss

@@ -31,6 +31,7 @@
   padding:2em;
   box-shadow: 0 0 10px rgba(0,0,0,0.25);
   max-width: 50em;
-  margin: 10em auto 0;
+  margin: 40vh auto 0;
+  box-sizing: content-box;
 }