logo

client/src/style/index.less

@@ -220,20 +220,42 @@ button, [type=submit] {
         }
     }
 
+    .swirl {
+        height: 15rem;
+    }
 
+    .text {
+        text-align: center;
+    }
 }
 
 .info {
     display: grid;
+
+    grid-template-areas:
+        "words swirl"
+        "words contact";
+
     grid-template-columns: 1fr 1fr;
+    grid-template-rows: min-content 1fr;
 
     section {
         margin-bottom: var(--spacing);
     }
 
     .contact {
+        grid-area: contact;
         text-align: center;
     }
+
+    .words {
+        grid-area: words;
+    }
+
+    .swirl {
+        grid-area: swirl;
+        height: 10rem;
+    }
 }
 
 .alt-text, .alt {
@@ -452,3 +474,12 @@ header {
     font-family: var(--secondary-font-family);
     text-transform: uppercase;
 }
+
+.swirl {
+    background-image: url("./../assets/swirl.fix.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+
+    margin-bottom: var(--spacing);
+}