wip:illus

src/pages/education/education.scss

@@ -72,23 +72,23 @@
                     background-size: cover;
                 }
                 &.coding {
-                    background: url("../../../assets/images/learning_theme_code.jpg") no-repeat;
+                    background: url("../../../assets/images/learning_theme_coding.png") no-repeat;
                     background-size: cover;
                 }
                 &.math {
-                    background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+                    background: url("../../../assets/images/learning_theme_math.png") no-repeat;
                     background-size: cover;
                 }
                 &.linux {
-                    background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+                    background: url("../../../assets/images/learning_theme_linux.png") no-repeat;
                     background-size: cover;
                 }
                 &.team {
-                    background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+                    background: url("../../../assets/images/learning_theme_team.png") no-repeat;
                     background-size: cover;
                 }
                 &.conception {
-                    background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+                    background: url("../../../assets/images/learning_theme_conception.png") no-repeat;
                     background-size: cover;
                 }
                 &.write {
@@ -107,6 +107,7 @@
                 height: 140px;
                 position: relative;
                 box-shadow: 3px 3px 5px 1px #0001;
+                padding: 10px;
                 .title {
                     color: $dark_2;
                     font-size: 1.1em;

src/style.scss

@@ -27,7 +27,6 @@ main {
     header {
         width: 100%;
         nav {
-            // background-color: rgba(255, 255, 255, 0.1);
             ul {
                 display: flex;
                 padding: 0;
@@ -75,7 +74,6 @@ main {
                         .submenu {
                             visibility: unset;
                             max-height: 1000px;
-                            // box-shadow: 3px 3px 5px 1px #0001;
                             a {
                                 color: $light_1;
                                 border: none;

style/style.css

@@ -154,6 +154,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
   height: 140px;
   position: relative;
   box-shadow: 3px 3px 5px 1px #0001;
+  padding: 10px;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.crea2d {
   background: url("../../../assets/images/learning_theme_2d.png") no-repeat;
@@ -164,23 +165,23 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.coding {
-  background: url("../../../assets/images/learning_theme_code.jpg") no-repeat;
+  background: url("../../../assets/images/learning_theme_coding.png") no-repeat;
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.math {
-  background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+  background: url("../../../assets/images/learning_theme_math.png") no-repeat;
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.linux {
-  background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+  background: url("../../../assets/images/learning_theme_linux.png") no-repeat;
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.team {
-  background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+  background: url("../../../assets/images/learning_theme_team.png") no-repeat;
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.conception {
-  background: url("../../../assets/images/learning_theme_sound.jpg") no-repeat;
+  background: url("../../../assets/images/learning_theme_conception.png") no-repeat;
   background-size: cover;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme.write {

style/style.css.map

-{"version":3,"sourceRoot":"","sources":["../src/style.scss","../src/theme.scss","../src/pages/education/education.scss"],"names":[],"mappings":"AAEA;EAQI;EACA;;AARA;EACI;EACA,OCLC;EDMD;EACA;EACA;;AAIJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGI;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA,OCtCd;EDuCc;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI,OChEnB;EDiEmB;;AAIJ;EACI,OCtEnB;;ADyEe;EACI;EACA;;AAEA;EACI,OC3EtB;ED4EsB;;AAII;EACI,OCpF/B;;AD8FL;EACI;EACA;EACA;EACA;;AElGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBDtCF;ECuCE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;AAAA;EAEI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;;AACA;EAyCI;EACA;EACA;EACA;;AA3CA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAMJ;EACI,OD7GX;EC8GW;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAMhB;EACI;EACA;EACA,kBDrJF;ECsJE;;AACA;AAAA;EAEI;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AAGA;AAAA;EACI;EACA;;AACA;AAAA;EACI;EACA;;AFpExB;EACI;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../src/style.scss","../src/theme.scss","../src/pages/education/education.scss"],"names":[],"mappings":"AAEA;EAQI;EACA;;AARA;EACI;EACA,OCLC;EDMD;EACA;EACA;;AAIJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA,OCrCd;EDsCc;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI,OC/DnB;EDgEmB;;AAIJ;EACI,OCrEnB;;ADwEe;EACI;EACA;;AACA;EACI,OCzEtB;ED0EsB;;AAII;EACI,OClF/B;;AD4FL;EACI;EACA;EACA;EACA;;AEhGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBDtCF;ECuCE;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;AAAA;EAEI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;;AACA;EAyCI;EACA;EACA;EACA;EACA;;AA5CA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI,OD9GX;EC+GW;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAMhB;EACI;EACA;EACA,kBDtJF;ECuJE;;AACA;AAAA;EAEI;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AAGA;AAAA;EACI;EACA;;AACA;AAAA;EACI;EACA;;AFvExB;EACI;EACA;EACA","file":"style.css"}
\ No newline at end of file