Add RSS link to social links in the header

static/styles/main.css

@@ -20,6 +20,8 @@
     --body-background-color: var(--light);
     --body-foreground-color: var(--dark);
 
+    --menu-icon-size: 20px;
+
     --link-color: var(--highlight-color);
 
     --tag-text-color: var(--dark);
@@ -153,6 +155,7 @@ p {
     padding: 0 0.5rem;
 }
 
+.formats menu,
 .menu menu,
 .social menu {
     display: inline-block;
@@ -162,25 +165,49 @@ p {
     text-transform: lowercase;
 }
 
+.formats menu li,
 .menu menu li,
 .social menu li {
     display: inline-block;
     letter-spacing: 2px;
 }
 
+.formats menu li + li:before,
 .menu menu li + li:before,
 .social menu li + li:before {
-    content: "•";
     font-size: 1.5rem;
     margin-right: 0.5rem;
 }
 
+.formats menu li + li:before,
+.menu menu li + li:before {
+    content: "•";
+}
+
+.social menu li + li {
+    margin-left: 1rem;
+}
+
+.formats,
 .social {
     display: flex;
     letter-spacing: 2px;
     margin-left: auto;
 }
 
+.social a {
+    background-image: var(--url);
+    background-repeat: no-repeat;
+    background-size: var(--menu-icon-size);
+    display: block;
+    height: var(--menu-icon-size);
+    width: var(--menu-icon-size);
+}
+
+.social a span {
+    display: none;
+}
+
 .social > li + li:before {
     color: var(--dark);
     padding: 0 0.5rem;
@@ -216,6 +243,11 @@ p {
  * Main
  */
 
+.main > header {
+    align-items: baseline;
+    display: flex;
+}
+
 .main {
     margin: 3.5rem 0;
 }