Fix h1 not being top level, move inline styling to css file

_sass/main.scss

@@ -130,6 +130,7 @@ pre {
   background: rgb(25, 25, 25);
   border-radius: 7px;
   padding: 1em;
+
   code {
     font-size: 1em;
     border: 0;
@@ -147,6 +148,7 @@ hr {
   font-size: 1.5em;
   margin: 1rem 0;
   border: none;
+
   &:before {
     display: block;
     text-align: center;
@@ -240,6 +242,7 @@ nav a {
   a {
     text-decoration: none;
   }
+
   .date {
     font-size: 2em;
   }
@@ -247,6 +250,7 @@ nav a {
 
 .post_combo {
   margin-top: 0.75em;
+
   > h2 {
     display: inline;
   }
@@ -295,6 +299,7 @@ figcaption {
   font-size: 70%;
   opacity: 40%;
   padding-left: 0.4em;
+
   a {
     text-decoration: none;
   }
@@ -315,3 +320,9 @@ article {
 .text-center {
   text-align: center;
 }
+
+.callout-section {
+  border: solid white;
+  border-width: thin 0;
+  padding: 10px;
+}

photography.md

@@ -32,7 +32,7 @@ Since then, I've slowly been dedicating myself more and more to photography as a
 I'm not the greatest, but it's a fun hobby, and I hope you like my work. The photos here are only a preview
 and are not updated on any sort of frequency.
 
-<div style="border: thin solid white; border-width: thin 0; padding: 10px;" class="text-center">
-<span style="margin: 25px;">More available at</span>
-<a href="https://www.rcw.photos/"><i><h1 style="margin: 0;">rcw.photos</h1></i></a>
+<div class="text-center callout-section">
+    <span style="margin: 25px;">More available at</span>
+    <h1 style="margin: 0;"><a href="https://www.rcw.photos/"><i>rcw.photos</i></a></h1>
 </div>