fix titles in about page

static/css/theme-coko/main.css

@@ -39,7 +39,8 @@ a {
 /* General -------------------- */
 body {
   font-size: var(--font-size);
-  font-family: var(--font-body);  max-height: 250px;
+  font-family: var(--font-body);
+  max-height: 250px;
   margin: 0;
   overflow-x: hidden;
   color: #101010;
@@ -77,9 +78,11 @@ aside {
 .news aside,
 .about aside,
 .blog-post aside {
-  background: linear-gradient(6deg,
-      rgba(255, 255, 255, 1) 58%,
-      rgba(150, 208, 206, 1) 100%);
+  background: linear-gradient(
+    6deg,
+    rgba(255, 255, 255, 1) 58%,
+    rgba(150, 208, 206, 1) 100%
+  );
   filter: drop-shadow(700px -15px 15px #62c8c4);
 }
 
@@ -170,12 +173,12 @@ h1 {
 p,
 h1,
 h2 {
- /* text-wrap: balance; */
+  /* text-wrap: balance; */
 }
 
 section.intro h2 {
   max-width: 65ch;
-  margin-top:3em;
+  margin-top: 3em;
 }
 
 h2 {
@@ -184,6 +187,10 @@ h2 {
   margin-bottom: 1em;
 }
 
+h2 + h3 {
+  margin-top: 0;
+}
+
 h3 {
   font-size: 1.15em;
   font-weight: 400;
@@ -207,7 +214,7 @@ main {
 }
 
 header {
- /* margin-bottom: 4.6em; */
+  /* margin-bottom: 4.6em; */
   grid-column: 1 / 4;
 }
 
@@ -237,7 +244,7 @@ main h2 {
 }
 
 .posts figure img {
- /* height: 100%; */
+  /* height: 100%; */
   margin: auto;
 }
 
@@ -250,14 +257,23 @@ article,
 
 article h2 {
   margin-bottom: 0.5em;
+
+  margin-top: 4em;
+  margin-bottom: 0;
+}
+
+article h2 + h3 {
+  margin-top: 0.8em !important;
 }
 
 article h2:not(:first-of-type),
 article h3 {
- /* margin-top: 2em !important; */
+  /* margin-top: 2em !important; */
 }
 
-p+ h2 { margin-top:1.2em}
+/* p + h2 { */
+/*   margin-top: 1.2em; */
+/* } */
 
 article p,
 article ul,
@@ -366,7 +382,7 @@ h2.section-title {
 }
 
 .news .grid-item img {
- max-height: 220px; 
+  max-height: 220px;
   margin: 1em auto;
   object-fit: contain;
   width: 100%;
@@ -412,7 +428,7 @@ h2.section-title {
 .articles #robotcooking {
   /* background: orange; */
   grid-column: 1/-1;
-  margin-top:2em;
+  margin-top: 2em;
 }
 
 #robotcooking {
@@ -444,17 +460,16 @@ h2.section-title {
 }
 
 .robotcooking-list li img {
-
-  height:100%;
-  width:100%;
+  height: 100%;
+  width: 100%;
   object-fit: cover;
   background: var(--color-blue);
   mix-blend-mode: multiply;
   /* opacity: .6; */
-
 }
+
 .robotcooking-list li {
-  padding-top:.5em;
+  padding-top: 0.5em;
   display: grid;
   grid-template-columns: max(80px, 20%) 1fr;
   gap: 3ch;
@@ -480,7 +495,6 @@ h2.section-title {
   margin-bottom: 0em;
 }
 
-
 .imgintro-robot {
   width: 100%;
   /* position: absolute; */
@@ -836,7 +850,8 @@ footer section.infos a:hover {
   }
 
   .leadershipteam .grid-item {
-    @media screen and (min-width: 501px) {}
+    @media screen and (min-width: 501px) {
+    }
 
     flex-basis: unset;
   }
@@ -1018,7 +1033,7 @@ footer section.infos a:hover {
   margin-bottom: 3em;
 }
 
-.articles header+h2 {
+.articles header + h2 {
   margin-top: 0.5em;
 }
 
@@ -1032,7 +1047,7 @@ footer section.infos a:hover {
   margin-bottom: 2em;
 }
 
-.articles .posts>span {
+.articles .posts > span {
   font-size: 1em;
   display: block;
   margin-top: 0.4em;
@@ -1077,7 +1092,7 @@ article iframe {
   max-width: 55ch;
 }
 
-.about article p+p {
+.about article p + p {
   margin-top: 2em;
 }
 
@@ -1096,7 +1111,7 @@ article iframe {
   border-left: 1px solid var(--color-gris);
 }
 
-.services ul+p {
+.services ul + p {
   margin-top: 10ch;
 }
 
@@ -1156,7 +1171,8 @@ article iframe {
   border: none;
 }
 
-.services article ul {}
+.services article ul {
+}
 
 .services article ul,
 .services article ul ul {
@@ -1196,7 +1212,8 @@ article iframe {
     margin-bottom: 0.5em;
   }
 
-  .article-single {}
+  .article-single {
+  }
 }
 
 .article-single main .post-content .customQuote {
@@ -1350,7 +1367,8 @@ hr {
   font-size: 1em;
 }
 
-.home :is(.product-usedby, .product-link, .product-description) {}
+.home :is(.product-usedby, .product-link, .product-description) {
+}
 
 .home .contactus a {
   display: block;