.gitignore

@@ -13,6 +13,3 @@ Thumbs.db
 node_modules
 dist
 src/_includes/css
-
-# Custom
-_variables_old.scss

src/pages/subpages/download.liquid

@@ -8,5 +8,5 @@ classes: 'download-section'
 <div class="flex-container justify-center">
     <p>You want to print this document ?</p>
     <i>--></i>
-    <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Download as PDF</button>
+    <button type="button" onclick="window.print()" class="btn icon--right icon-download">Download as PDF</button>
 </div>

src/scss/components/_variables.scss

@@ -10,8 +10,6 @@
   --secondary-light: rgb(var(--forest-200));
   --secondary-dark: rgb(var(--forest-400));
 
-  --bg-gradient: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
-
   --background: var(--primary-light);
   --text: var(--dark-1);
   --text-2: var(--dark-2);

src/scss/critical.scss

@@ -16,8 +16,11 @@ html {
   }
 }
 body {
+  /* --start: var(--primary-light);
+  --end: var(--secondary);*/
   background: rgb(var(--sand-400));
-  background: var(--bg-gradient);
+  /*background: linear-gradient(180deg, var(--start) 0%, var(--start) 35%, var(--end) 100%); */
+  background: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
 
   header, footer {
     padding: .5rem clamp(.2rem, 3vw, 2rem);  
@@ -338,13 +341,14 @@ i {
     gap: .8rem;
   }
 
-  p {
-    font-size: 1.4rem;
+  .btn {
+    color: rgb(var(--forest-200));
+    /* color: var(--secondary-light); */
   }
-}
 
-.btn-download {
-  color: rgb(var(--forest-200));
+  p {
+      font-size: 1.4rem;
+  }
 }
 
 .competences-section {