few improvements

Y/ystyle.css

@@ -113,7 +113,7 @@ main {
   position: relative;
   z-index: 2;
   border-radius: 12px;
-  padding: 40px;
+  padding: 40px min(40px, 3vw);
   overflow: hidden;
 }
 
@@ -122,6 +122,12 @@ h1, h2, h3 {
   font-weight: lighter;
 }
 
+h4, h5 {
+  font-size: 110%;
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+
 /* Elements qui s'animent, se plient et se déplient */
 .anim-hide {
   padding-top: 0;
@@ -406,43 +412,6 @@ span.lbutton {
   margin-right: 6px;
 }
 
-span.lbutton:before {
-  content: "";
-  z-index: -1;
-  left: -0.5em;
-  top: -0.1em;
-  border-width: 2px;
-  border-style: solid;
-  border-color: rgb(138, 138, 10);
-  position: absolute;
-  border-right-color: transparent;
-  width: 100%;
-  height: 1em;
-  transform: rotate(2deg);
-  opacity: 0.7;
-  border-radius: 50%;
-  padding: 0.1em 0.25em;
-}
-
-span.lbutton:after {
-  content: "";
-  z-index: -1;
-  left: -0.5em;
-  top: 0.1em;
-  padding: 0.1em 0.25em;
-  border-width: 2px;
-  border-style: solid;
-  border-color: rgb(138, 138, 10);
-  border-left-color: transparent;
-  border-top-color: transparent;
-  position: absolute;
-  width: 100%;
-  height: 1em;
-  transform: rotate(-1deg);
-  opacity: 0.7;
-  border-radius: 50%;
-}
-
 aside.yfold {
   margin: 20px 0;
   border-radius: 12px;
@@ -477,6 +446,48 @@ img:hover {
   transition: all 0.3s;
 }
 
+/* Inside section styles */
+.yfold-content h3 {
+  margin-bottom: 5px;
+}
+
+.yfold-content .exercise {
+  float: left;
+  max-width: 60%;
+}
+
+.yfold-content aside {
+  float: right;
+  max-width: 35%;
+  margin-left: 5%;
+  background: #ffedca;
+  padding: 7px;
+  border-radius: 12px;
+}
+
+ul li, ol li {
+  list-style: circle;
+  margin-left: 25px;
+  margin-top: 5px;
+}
+
+li:last-child {
+  margin-bottom: 20px;
+}
+
+.difficulty {
+  margin-right: 5px;
+}
+
+small {
+  font-size: inherit;
+  opacity: 0.5;
+}
+
+.yfold-content p {
+  margin: 12px 0 20px 0;
+}
+
 /* General styling */
 
 ::selection {