Add client descriptions

www/res/style.css

@@ -7,6 +7,7 @@
     font-family: 'Arial', sans-serif;
     scroll-behavior: smooth;
     --main-color: #A040C0;
+    --light-color: #C0F080;
 }
 
 body {
@@ -161,19 +162,81 @@ main section p {
     text-align: justify;
 }
 
+.center {
+    text-align: center;
+}
+
 main section h3 {
     text-align: center;
     font-size: 2em;
 }
 
 main .about {
-    border-top: 1em solid #C0F080;
-    border-bottom: 1em solid #C0F080;
+    border-top: 1em solid var(--light-color);
+    border-bottom: 1em solid var(--light-color);
 }
 
 main .clients {
-    border-top: 1em solid #C0F080;
-    border-bottom: 1em solid #C0F080;
+    border-top: 1em solid var(--light-color);
+    border-bottom: 1em solid var(--light-color);
+}
+
+main .clients .container {
+    display: flex;
+    max-width: 1200px;
+    margin: auto;
+    gap: 1em;
+    justify-content: center;
+    padding: 0 1em;
+}
+
+main .clients .container > * {
+    flex: 100px 1 1;
+    border-radius: 1em;
+    padding: 1.5em 1em;
+    background-color: var(--light-color);
+}
+
+@media screen and (max-width: 1000px) {
+    main .clients .container {
+        flex-direction: column;
+    }
+}
+
+main .clients .container h4,
+main .clients .container h5,
+main .clients .container h6 {
+    margin: 0;
+    text-align: center;
+}
+
+main .clients .container h4 {
+
+}
+
+main .clients .container h5 {
+    line-height: 1em;
+    font-weight: normal;
+}
+
+main .clients .container h5 span {
+    white-space: pre;
+}
+
+main .clients .container h6 {
+    font-size: 0.875em;
+    margin-top: 0.5em;
+}
+
+main .clients .container .branches {
+    font-size: 0.875em;
+    text-align: center;
+    display: block;
+}
+
+main .clients .link {
+    text-align: center;
+    margin-bottom: 0;
 }
 
 table td {