diff --git a/static/css/custom.css b/static/css/custom.css
index 8198df9..2309dd4 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -11,3 +11,100 @@ body.colorscheme-light .avatar img {
     border-radius: 31%;
   }
 }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-align: center;
+}
+.content article header {
+  text-align: center;
+}
+
+.content figure.svg > img {
+  height: 100%;
+}
+
+/*
+* icons
+*/
+
+.content figure.icon-inline {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content figure.icon-inline > figcaption p {
+  margin: 2rem 0;
+  text-align: inherit;
+  font-style: inherit;
+  font-size: inherit;
+}
+
+.content figure.icon-inline > img {
+  height: 6em;
+}
+
+@media (max-width: 500px) {
+  .content figure.icon-inline.sm-order-rev > figcaption {
+    order: 1;
+    margin-top: -2rem;
+  }
+
+  .content figure.icon-inline.sm-order-rev > img {
+    order: 2;
+  }
+}
+
+@media (min-width: 500px) {
+  .content figure.icon-inline {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .content figure.icon-inline > figcaption p {
+    margin: 0 0 0 2rem;
+  }
+
+  .content figure.icon-inline.icon-right > figcaption p {
+    order: 1;
+    margin: 0 2rem 0 0;
+  }
+
+  .content figure.icon-inline > img {
+    height: 4em;
+  }
+
+  .content figure.icon-inline.icon-right > img {
+    order: 2;
+  }
+}
+
+/*
+ * logos
+*/
+
+.content figure.logo {
+  height: 1.6em;
+  margin: 4rem 0;
+}
+
+.content figure.logo > img {
+  display: block;
+  height: 100%;
+  margin: 0 auto;
+}
+
+@media (min-width: 500px) {
+  .content figure.logo {
+    height: 2.6em;
+  }
+
+  .content figure.logo.nuxt {
+    height: 1.6em;
+  }
+}