diff --git a/public/css/styles.css b/public/css/styles.css
index efae34b..ec0ea15 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -9,7 +9,7 @@ body {
   width: 100%;
   height: 100%; }
   body span.round-center {
-    background: black;
+    background: blueviolet;
     color: white;
     line-height: 100%;
     aspect-ratio: 1 / 1;
@@ -207,7 +207,7 @@ body {
     height: calc(100% - 60px);
     z-index: 500;
     transition: left 0.5s ease-in;
-    background: #F5F5DC; }
+    background: white; }
     body nav.mobile-foldable > a:first-child {
       margin-top: 30px; }
     body nav.mobile-foldable a {
@@ -216,18 +216,19 @@ body {
       height: auto;
       padding-left: auto;
       padding-right: auto;
-      color: black;
-      border: 1px solid black;
-      background: #dcdcf5;
+      color: blueviolet;
+      background: white;
       margin-top: 10px;
       padding: 10px;
       margin-left: 10px;
       border-radius: 20px;
       width: calc(100% - 20px - 20px - 2px); }
-    body nav.mobile-foldable div.child-categories-mobile a {
-      width: calc(100% - 50px - 20px);
-      margin-left: 40px;
-      font-size: 1em; }
+    body nav.mobile-foldable div.child-categories-mobile {
+      margin-left: 80px;
+      width: calc(100% - 90px - 20px); }
+      body nav.mobile-foldable div.child-categories-mobile a {
+        display: list-item;
+        font-size: 1em; }
   body nav.mobile-foldable.show {
     left: 30%; }
   body nav.mobile-shortcuts > a {
@@ -235,7 +236,7 @@ body {
     align-items: center;
     justify-content: center; }
     body nav.mobile-shortcuts > a.active {
-      background: #F5F5DC;
+      background: white;
       color: #dcdcf5; }
   body a.menu-expand {
     padding-bottom: 9px; }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index d4e4d63..79c9710 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -8,7 +8,7 @@ $background-secondary: #635283;
 $color-secondary: #8eea6d;
 $accent-secondary: #fde68f;
 $primary-secondary: #590e11;
-$background_sidebar: #F5F5DC;
+$background_sidebar: white; //#F5F5DC;
 $color_sidebar: #dcdcf5;
 
 html {
@@ -17,8 +17,8 @@ html {
 
 body {
   span.round-center {
-    background: black;
-    color: white;
+    background: $background_div;
+    color: $background_sidebar;
     line-height: 100%;
     aspect-ratio: 1 / 1;
     display: inline-flex;
@@ -317,9 +317,9 @@ body {
       height: auto;
       padding-left: auto;
       padding-right: auto;
-      color: black;
-      border: 1px solid black;
-      background: $color_sidebar;
+      color: $background_div;
+//      border: 1px solid black;
+      background: $background_sidebar;
       margin-top: 10px;
       padding: 10px;
       margin-left: 10px;
@@ -328,9 +328,10 @@ body {
     }
 
     div.child-categories-mobile {
+      margin-left: 80px;
+      width: calc(100% - 90px - 20px);
       a {
-        width: calc(100% - 50px - 20px);
-        margin-left: 40px;
+        display: list-item;
         font-size: 1em;
       }
     }