design pron

_sass/main.scss

@@ -88,7 +88,10 @@ background-image: url('/assets/img/header.svg');
     }
     .pivot {
       border-radius: 3px;
+      background: linear-gradient(230deg, #ff00ff7f, #426a007f);
+      
     }
+    
   h1 {
 
     font-size: 3em;
@@ -102,27 +105,7 @@ background-image: url('/assets/img/header.svg');
   } 
   a {
     background: linear-gradient(230deg, #ff00ff7f, #426a007f);
-    background-position: center;
-    background-repeat: repeat;
-    -webkit-animation: AnimationName 60s ease infinite;
-    -moz-animation: AnimationName 60s ease infinite;
-    animation: AnimationName 60s ease infinite;
 
-    @-webkit-keyframes AnimationName {
-        0%{background-position:0% 91%}
-        50%{background-position:100% 10%}
-        100%{background-position:0% 91%}
-    }
-    @-moz-keyframes AnimationName {
-        0%{background-position:0% 91%}
-        50%{background-position:100% 10%}
-        100%{background-position:0% 91%}
-    }
-    @keyframes AnimationName {
-        0%{background-position:0% 91%}
-        50%{background-position:100% 10%}
-        100%{background-position:0% 91%}
-    }
   } 
   .fullscreen-bg {
     position: fixed;
@@ -159,7 +142,14 @@ background-image: url('/assets/img/header.svg');
   @media (max-width: 767px) {
     .fullscreen-bg {
       background: url('/assets/img/sakrecoer-logo.svg') center center / cover no-repeat;
+      
     }
+    .pivot {
+      background: transparent;
+    }
+
+
+
   
     // .fullscreen-bg__video {
     //   display: none;