new colorscheme and projects.

src/main.css

@@ -3,12 +3,16 @@
 /**GLOBAL**/
 :root {
   --width: 480px;
-  --dark-0: #170123;
-  --dark-1: #39124e;
-  --dark-2: #5e3276;
-  --dark-3: #84509f;
-  --primary: #4a245e;
-  --text: #EBD2FF;
+  --dark-0: #091A19;
+  --dark-1: #10211E;
+  --dark-2: #162722;
+  --dark-3: #1C2E26;
+  --primary-1: #304334;
+  --primary: #6B825C;
+  --accent-0: #90D889;
+  --accent-1: #8FC973;
+  --accent-2: #B8DAA6;
+  --text: #E0EAD9;
 }
 
 *,
@@ -183,14 +187,14 @@ p {
 .swiper-pagination-bullet {
   width: 18px;
   height: 18px;
-  background-color: #f9f2ff;
+  background-color: var(--accent-0);
   border-radius: 50%;
   transition: all 0.6s ease-in-out;
 }
 
 .swiper-pagination-bullet-active {
   height: 36px;
-  background-color: var(--text);
+  background-color: var(--accent-2);
   border-radius: 14px;
 }
 
@@ -270,7 +274,7 @@ p {
 
   padding: 1vw 2vw 1vw 2vw;
   margin: 0;
-  background-color: var(--primary);
+  background-color: var(--primary-1);
   border-radius: 18px 18px 0 0;
 }
 
@@ -296,7 +300,7 @@ p {
 .card ul li {
   list-style: none;
   font-size: clamp(1rem, 1.25vw, 1.5rem);
-  color: var(--primary);
+  color: var(--dark-0);
 }
 
 /**PROJECTS PAGE**/
@@ -358,7 +362,7 @@ p {
   flex-direction: column;
   justify-content: center;
   padding: 2vw;
-  background-color: var(--primary);
+  background-color: var(--primary-1);
   border-radius: 18px;
 }
 
@@ -404,7 +408,7 @@ p {
 
 .button {
   width: 80%;
-  color: var(--primary);
+  color: var(--dark-0);
   background-color: var(--text);
   border: 3px solid var(--text);
   outline: none;
@@ -489,8 +493,6 @@ p {
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: 90% 10%;
-
-  border: 1px solid red;
 }
 
 .pdf-document {