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,