Moved attribute stylings from about page to styles.css

2 files changed, 16 insertions, 6 deletions

diff --git a/src/about.md b/src/about.md
index 6757bbf..e24df6a 100644
--- a/src/about.md
+++ b/src/about.md
@@ -1,5 +1,5 @@
-<h1 id="About%20Me" style="display: inline-block;">About Me</h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<h1 id="About%20Me" class="about-header">About Me</h1>
+<p class="about-p">
 	<a href="#About%20Me">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
@@ -14,10 +14,10 @@ I've been toying with computers ever since I was a kid, though mostly with the l
 
 I have 3 years of learning experience with *C#*, but I have also worked with *HTML*, *CSS*, *JavaScript*, *Haskell*, *Go* and *SQL*. My main desktop OS has been *Linux* for the past year and a half (first was [Linux Mint](https://linuxmint.com/) and now [Fedora](https://getfedora.org/)).
 
-<h1 id="Resume" style="display: inline-block;">
+<h1 id="Resume" class="about-header">
 	Resume
 </h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<p class="about-p">
 	<a href="#Resume">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
@@ -33,10 +33,10 @@ I have 3 years of learning experience with *C#*, but I have also worked with *HT
 
 *Made with my [resume v1.1](https://gitlab.com/Syndamia/css-snippets/-/tree/main/resume-v1.1) HTML+CSS template.*
 
-<h1 id="Acknowledgements" style="display: inline-block;">
+<h1 id="Acknowledgements" class="about-header">
 	Acknowledgements
 </h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<p class="about-p">
 	<a href="#Acknowledgements">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
diff --git a/src/styles.css b/src/styles.css
index c94e8a5..cae4384 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -181,6 +181,16 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
   margin-block-end: calc(1em + 10px);
 }
 
+/* About me page styling */
+
+.about-header {
+  display: inline-block;
+}
+
+.about-p {
+  display: inline-block; margin-block-end: 0;
+}
+
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 
 code,