💄 images for main nav

static/css/style.css

@@ -147,6 +147,9 @@ nav .container {
     color: var(--color-text);
     text-decoration: none;
     text-transform: lowercase;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
 }
 
 .nav-links a:hover,
@@ -154,6 +157,13 @@ nav .container {
     text-decoration: underline;
 }
 
+.nav-icon {
+    height: 1rem;
+    width: auto;
+    display: inline-block;
+    vertical-align: middle;
+}
+
 /* Main content */
 main {
     min-height: calc(100vh - 250px);