update the profile picture

public/manifest.json

@@ -4,5 +4,5 @@
   "start_url": "/",
   "display": "standalone",
   "background_color": "#fff",
-  "description": "Patryk Kuchta's Portfolio entailing his academic and professional work."
+  "description": "Patryk Kuchta's portfolio entailing his academic and professional work."
 }

src/portfolio/styling/achievements.module.scss

@@ -35,7 +35,7 @@
 
 
   .title {
-    color: $red;
+    color: $accent_colour;
   }
 
   .notes {

src/portfolio/styling/experience.module.scss

@@ -30,7 +30,6 @@
   }
 
   .redText {
-    color: $red;
   }
 
   .industry {

src/portfolio/styling/intro.module.scss

@@ -35,7 +35,7 @@
       text-decoration: none;
 
       &:hover {
-        color: $strong_red;
+        color: $accent_colour;
         font-style: italic;
       }
     }
@@ -79,14 +79,14 @@
   }
 
   .greeting {
-    color: $strong_red;
+    color: $accent_colour;
     font-style: italic;
   }
 }
 
 .profileContainer {
   margin: 0 0 0 auto;
-  max-width: 35em;
+  max-width: 40em;
   height: max-content;
   display: flex;
   position: relative;

src/portfolio/styling/projects.module.scss

@@ -63,10 +63,11 @@
 
       .icon {
         color: $white;
-        filter: drop-shadow(7px 7px 5px $red);
+        filter: drop-shadow(7px 7px 5px $accent_colour);
         $size: 4em;
         width: $size;
         height: $size;
+
         svg {
           width: $size;
           height: $size;

src/portfolio/styling/skillsLinks.module.scss

@@ -43,7 +43,7 @@
       text-decoration: none;
 
       &:hover {
-        color: $strong_red;
+        color: $accent_colour;
         font-style: italic;
       }
     }

src/styles/helpers.scss

@@ -3,8 +3,7 @@
 $black: #000000;
 $white: #ffffff;
 $gray: #E3E3E3;
-$strong_red: #ff0000;
+$accent_colour: #9b3c5c;
-$red: #8F0000;
 
 @mixin darkSection {
   background-color: $black;

src/styles/main.scss

@@ -22,11 +22,11 @@ body {
 }
 
 .splide__arrow svg {
-    fill: $red !important;
+    fill: $accent_colour !important;
 }
 
 .splide__pagination__page.is-active {
-    background-color: $red !important;
+    background-color: $accent_colour !important;
 }
 
 .splide__arrow.splide__arrow--next {