From e2e1fca9b8ffe2babcdc66cae234262e524cb9f3 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Thu, 18 Jan 2024 20:40:16 +0100
Subject: [PATCH] make arrows white for better visibility

---
 assets/scss/custom.scss | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 5935a4f..edd7f3c 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -42,7 +42,7 @@ $yellow: #fcc958;
 }
 
 // Colored design element: square or circle
-@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -50%, $pos-left: 44%) {
+@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -60%, $pos-left: 44%) {
     position: relative;
     z-index: 1;
     &:before {
@@ -57,10 +57,10 @@ $yellow: #fcc958;
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
         z-index: 0;
           @if $shape == 'circle' {
-              border-radius: 50px;
-            }
+            border-radius: 50px;
+          }
           @else {
-              border-radius: 0;
+            border-radius: 0;
           }
     }
 }
@@ -138,6 +138,7 @@ main > section {
       }
       h4 {
         font-weight: bold;
+        height: 175px;
         color: $bg-dark-blue;
         border: 1px dashed $bg-dark-blue;
         border-radius: 15px;
@@ -226,7 +227,7 @@ section {
                     @include add-decorative-shape($red, 'circle', 1);
                 }
                 &:nth-child(3) {
-                    @include add-decorative-shape($chill-orange, 'square', 1);
+                    @include add-decorative-shape($chill-orange, 'triangle', 1);
                 }
                 &:nth-child(4) {
                     @include add-decorative-shape($yellow, 'circle', 1);
@@ -236,9 +237,6 @@ section {
 
         &.section-5 {
           .container .row {
-            h2 {
-              text-transform: capitalize;
-            }
             p {
               margin-bottom: 5rem;
             }
@@ -335,6 +333,9 @@ main > section {
         background-color: $bg-dark-blue;
         @include add-bg-pattern(1);
         h1 { color: $text-green; }
+      i {
+        color: $chill-lightgray;
+      }
     }
     .content-subtitle {
       text-transform: uppercase;