diff --git a/index.css b/index.css
index 657c27a..ac3c167 100644
--- a/index.css
+++ b/index.css
@@ -261,6 +261,9 @@ body.light-mode .home-container a:hover {
     font-size: 2rem;
     margin-bottom: 2rem;
 }
+body.light-mode .projects-container {
+    color: #3a3a3a;
+}
 .projects {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
@@ -272,6 +275,11 @@ body.light-mode .home-container a:hover {
     text-align: center;
     background-color: rgb(33, 37, 41);
     border-radius: 4px;
+    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+}
+body.light-mode .project {
+    background-color: #eeeeee;
+    color: rgb(43, 43, 43);
 }
 .project h1 {
     margin-bottom: 1.25rem;