let's have fun

_sass/_elements.scss

@@ -39,6 +39,7 @@ a:hover {
 // Buttons
 
 .button {
+  font-family: _font(title);
   background-color: var(--accent2);
   padding: 1em;
   margin-bottom: 20px;

_sass/_layout.scss

@@ -113,6 +113,8 @@ body {
     max-width: var(--max-width);
     margin: auto;
       .description {
+        display: flex;
+        flex-wrap: wrap;
         border-radius: var(--border-radius);
         background: var(--bg-alt);
         box-shadow: 15px 15px 28px 24px var(--bg-alt);
@@ -140,6 +142,12 @@ body {
               font-size: 65px;
             }
         }
+        .mauticform_wrapper {
+          width: 200px;
+          .button {
+            border: 0;
+          }
+        }
       }
     h1, h2 {
       font-size: 2em;
@@ -443,4 +451,20 @@ footer {
       }
     }
   }
+}
+.bio {
+  flex-wrap: wrap;
+  .mauticform_wrapper, .mauticform-input {
+    width: calc(100% - 80px);
+    max-width: 480px;
+    margin: 40px auto;
+    .button {
+      border: 0;
+    }
+  }
+}
+.mautic-focus {
+  font-family: 'Lucida Console', Monaco, monospace;
+  color: #3c2a52;
+  background-color: #3c2a52;
 }