diff --git a/public/index.html b/public/index.html
index 6a66816d8e3d916ef6e243d9bf9e46a1a8f61c96..913e479273b0c6e29ad6db53e0656aacd0dd9275 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="utf-8" />
         <title>Kuadrado Software</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
         <link href="../style/style.css" rel="stylesheet" />
     </head>
     <body>
diff --git a/src/pages/education/education.scss b/src/pages/education/education.scss
index cf3c92f81f13dacb395c1ca6a663555090ad63b6..da7ef8af470965a6d4ee9f2dba09959f42bae0f4 100644
--- a/src/pages/education/education.scss
+++ b/src/pages/education/education.scss
@@ -74,14 +74,14 @@
             flex-wrap: wrap;
             li.learning-theme {
                 position: relative;
-                box-shadow: 3px 3px 5px 1px #0001;
+                box-shadow: 3px 3px 5px 1px #0003;
                 display: flex;
                 flex-direction: column;
                 .title {
                     color: $dark_2;
                     display: block;
                     position: absolute;
-                    background-color: white;
+                    background-color: #fff9;
                     padding: 5px 25px;
                 }
                 img {
@@ -100,7 +100,7 @@
                     z-index: 1;
                     transition: max-height 0.6s;
                     padding: 20px;
-                    box-shadow: 0 2px 12px 6px #0001;
+                    box-shadow: 0 2px 12px 6px #0003;
                     overflow: hidden;
                     display: flex;
                     flex-direction: column;
diff --git a/src/theme.scss b/src/theme.scss
index 4551e25ad69d1d6d7adb4ffe20a0373c598a0d55..eef683c628f5c9a7be65f6e01dc920169f4bdf5d 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -1,7 +1,7 @@
 $dark_1: #35393c;
 $dark_2: #3c4144;
 $dark_3: #555d61;
-$light_0: #eef4f8;
+$light_0: #d8e1e7;
 $light_1: #96a5ae;
 $light_2: #aabbc8;
 $magenta: #ff00ff;
diff --git a/style/style.css b/style/style.css
index 5511c249e96a75bafbe5090f7f5d99f888f1c40e..0d4d90a0ad8b4e918bdf272eb748374e9b674ebd 100644
--- a/style/style.css
+++ b/style/style.css
@@ -208,7 +208,7 @@ main #page-container #education-page .section-contents .practical-infos {
   display: flex;
   flex-direction: column;
   gap: 40px;
-  background-color: #eef4f8;
+  background-color: #d8e1e7;
   padding: 30px;
 }
 main #page-container #education-page .section-contents .practical-infos .info-item {
@@ -233,7 +233,7 @@ main #page-container #education-page .section-contents ul.learning-themes {
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme {
   position: relative;
-  box-shadow: 3px 3px 5px 1px #0001;
+  box-shadow: 3px 3px 5px 1px #0003;
   display: flex;
   flex-direction: column;
 }
@@ -241,7 +241,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
   color: #3c4144;
   display: block;
   position: absolute;
-  background-color: white;
+  background-color: #fff9;
   padding: 5px 25px;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme img {
@@ -260,7 +260,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
   z-index: 1;
   transition: max-height 0.6s;
   padding: 20px;
-  box-shadow: 0 2px 12px 6px #0001;
+  box-shadow: 0 2px 12px 6px #0003;
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -281,7 +281,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
 main #page-container #education-page .section-contents .infos-inscriptions {
   display: flex;
   gap: 40px;
-  background-color: #eef4f8;
+  background-color: #d8e1e7;
   padding: 30px;
 }
 main #page-container #education-page .section-contents .infos-inscriptions .groups,