Update icons, change styling

src/styles/404.module.css

@@ -13,7 +13,7 @@
 }
 
 #notFound a {
-	color: var(--text-primary);
+	color: white;
 }
 
 #header {

src/styles/Button.module.css

@@ -1,7 +1,7 @@
 .button {
 	display: flex;
 	background: rgb(0 0 0 / 0.1);
-	border: 2px solid var(--secondary);
+	border: 2px solid var(--primary);
 	backdrop-filter: blur(20px);
 	border-radius: 20px;
 	padding: 20px;
@@ -9,7 +9,7 @@
 	white-space: nowrap;
 	height: 100%;
 	font-size: 1.5rem;
-	color: var(--text-primary);
+	color: white;
 	justify-content: center;
 }
 

src/styles/Divider.module.css

@@ -12,12 +12,11 @@
 .dividerIcon svg {
 	height: 2rem;
 	width: 2rem;
-	color: inherit;
 }
 
 .dividerIcon::before,
 .dividerIcon::after {
-	border-bottom: 0.5rem solid var(--text-primary);
+	border-bottom: 0.5rem solid;
 	border-radius: 5em;
 	content: "";
 	margin: 0 1em;

src/styles/Jumbo.module.css

@@ -1,5 +1,5 @@
 #jumbo {
-	color: var(--text-primary);
+	color: white;
 	font-size: 2em;
 	text-align: center;
 	padding: 0;

src/styles/Layout.css

@@ -2,11 +2,8 @@
 	color-scheme: dark light;
 	scroll-behavior: smooth;
 
-	--primary: hsl(211 26% 39%);
-	--secondary: hsl(209 28% 29%);
-	--secondary-hover: hsl(209 28% 25%);
-	--text-primary: hsl(0 0% 100%);
-	--secondary-text: hsl(211 26% 39%);
+	--primary: #4e94e4;
+	--secondary: #354b5f;
 }
 
 body {
@@ -15,7 +12,7 @@ body {
 	margin: 0;
 	background-attachment: fixed;
 	background-image: url("/images/background.jpg");
-	color: var(--text-primary);
+	color: white;
 }
 
 *,
@@ -63,7 +60,7 @@ main > section:hover {
 }
 
 a {
-	color: #4f94e5;
+	color: var(--primary);
 }
 
 a:not(:hover) {

src/styles/Nav.module.css

@@ -29,7 +29,7 @@
 }
 
 .nav button:hover {
-	color: var(--secondary-text);
+	color: var(--primary-text);
 }
 
 .nav a {
@@ -41,7 +41,7 @@
 }
 
 .nav a:hover {
-	color: var(--secondary-text);
+	color: var(--primary-text);
 }
 
 @media (min-width: 500px) {

src/styles/Portfolio.module.css

@@ -8,7 +8,7 @@
 }
 
 .portfolioItems a {
-	color: var(--text-primary);
+	color: white;
 	transition: scale 0.2s;
 }
 

src/styles/Project.module.css

@@ -27,7 +27,8 @@
 .image img {
 	max-height: 450px;
 	padding: 0;
-	border: 2px solid var(--secondary);
+	border-radius: 0.5rem;
+	border: 3px solid var(--primary);
 }
 
 .longDescription h2 {