Update designs, logos, accessibility functions and designs, contact a…

…nd personnel info, etc
YeonSphere · Sep 15, 2024 · 3e13eab · 3e13eab
1 parent fa884ea
commit 3e13eab
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/styles.css b/styles.css
@@ -1,13 +1,13 @@
 :root {
-    --primary-color: #F06292;
-    --secondary-color: #EC407A;
-    --accent-color: #D81B60;
-    --highlight-color: #FF80AB;
+    --primary-color: #E91E63;
+    --secondary-color: #C2185B;
+    --accent-color: #AD1457;
+    --highlight-color: #F06292;
     --text-color: #FFFFFF;
-    --bg-color: #AD1457;
-    --card-bg: #C2185B;
-    --header-bg: rgba(173, 20, 87, 0.9);
-    --footer-bg: #880E4F;
+    --bg-color: #880E4F;
+    --card-bg: #9C27B0;
+    --header-bg: rgba(136, 14, 79, 0.95);
+    --footer-bg: #4A0E2E;
 }
 
 body {
@@ -108,6 +108,7 @@ nav {
     padding: 2rem;
     text-align: center;
     transition: all 0.3s ease;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 .feature-card:hover {
@@ -136,12 +137,13 @@ nav {
     border: none;
     background-color: var(--card-bg);
     color: var(--text-color);
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .contact-form input:focus,
 .contact-form textarea:focus {
     outline: none;
-    box-shadow: 0 0 0 2px var(--highlight-color);
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 2px var(--highlight-color);
 }
 
 footer {