diff --git a/public/css/styles.css b/public/css/styles.css
index cc4085f..32ddc57 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -6,12 +6,13 @@
   text-decoration: none;
   border: none;
   box-sizing: border-box;
+  color-scheme: light dark;
 }
 body {
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-size: 16px;
-  background-color: beige;
-  color: #0c024d;
+  background-color: light_dark(#e6daa6, #0c024d);
+  color: light_dark(#0c024d, #e6daa6);
   margin: 2rem auto;
 }
 .header {
@@ -26,7 +27,7 @@ body {
   width: 80px;
   height: 80px;
   border-radius: 50%;
-  box-shadow: 1px 3px 5px lightgrey;
+  box-shadow: 1px 3px 5px light_dark(lightgrey, darkgrey);
 }
 .hdr-h1 {
   font-size: 2rem;
@@ -39,7 +40,7 @@ body {
 .quotes {
   border: 1px solid lightgrey;
   border-radius: 14px;
-  box-shadow: 1px 3px 5px #d6d6a3;
+  box-shadow: 1px 3px 5px light_dark(#d6d6a3, darkgrey);
   padding: 1rem;
   columns: 300px;
   column-gap: auto;
@@ -52,7 +53,7 @@ body {
   color: beige;
   border: 1px solid lightgrey;
   border-radius: 14px;
-  box-shadow: 1px 3px 5px lightgrey;
+  box-shadow: 1px 3px 5px light_dark(lightgrey, darkgrey);
   margin: 12px;
   padding: 1rem;
   max-width: 340px;