aligned content to the center instead of to the left

static/index.css

@@ -14,6 +14,12 @@ GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022
 */
+
+html {
+	max-width: 100vw;
+	min-height: 100vh;
+}
+
 body {
 	color: #242124;
 	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
@@ -21,10 +27,9 @@ body {
 	-moz-osx-font-smoothing: grayscale;
 	background-color: #fafafa;
 	font-size: calc(12px + 0.33vw);
-	max-width: 100vw;
+	margin: auto;
-	min-height: 100vh;
+	padding: 1.3em;
-	margin-left: 3vw;
+	max-width: clamp(300px, 600px + 3vw, 900px);
-	margin-right: 3vw;
 }
 
 h1 { 
@@ -32,6 +37,7 @@ h1 {
 	font-weight: 800;
 	margin-bottom: 0;
 	margin-top: 12px;
+	font-style: italic;
 }
 
 h2 {
@@ -75,7 +81,7 @@ a::after {
 	right: 0;
 	bottom: 0;
 	transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
-	background-color: rgba(72,61,139, 0.3);
+	background-color: rgba(255, 233, 0, 0.6);
 }
 
 a:hover:after {
@@ -84,8 +90,8 @@ a:hover:after {
 
 .header {
 	display: flex;
-	flex-direction: row;
+	flex-direction: column;
-	justify-content: space-between;
+	justify-content: center;
 }
 
 .nav-bar {
@@ -93,6 +99,7 @@ a:hover:after {
 	flex-direction: row;
 	font-size: 1.1em;
 	margin-top: calc(12px + 1vh);
+	margin-bottom: 3vw;
 }
 
 .nav-item {
@@ -102,6 +109,10 @@ a:hover:after {
 	font-weight: 800;
 }
 
+.nav-item:first-of-type {
+	margin-left: 0;
+}
+
 .content-wrapper {
 	margin: 12px;
 }
@@ -132,10 +143,3 @@ a:hover:after {
 .skill-keywords > i::after {
 	content: "' ";
 }
-
-@media only screen and (max-width: 508px) {
-	.header {
-		flex-direction: column;
-		justify-content: center;
-	}
-}

templates/index.tmpl

@@ -1,10 +1,10 @@
 {{ template "header.tmpl" . }}
 <h2>Hi, my name is Rawley.</h2>
 <p>
-	I am an independent full-stack developer from Canada. Currently pursuing a degree in Computer Science, with hopes of participating in a graduate program.
+	I am an independent software engineer, and self proclaimed systems administrator from Canada. Currently, I am pursuing a degree in Computer Science, with hopes of participating in a graduate program later down the road.
 </p>
 <p>
-	I am a GNU/Linux and OpenBSD enthusiast. I am active in both the Debian and Void GNU/Linux communities. My favourite programming languages are Go and Clojure. You can check out my work on <a href="https://gitlab.com/rawleyIfowler">GitLab</a>. I am currently working on an open-source community based blogging network called <a href="https://gitlab.com/xrn">xrn</a>.
+	I am a GNU/Linux and OpenBSD enthusiast. I am active in both the Debian and Void communities, as well as the OpenBSD community. My favourite programming languages are Go and Clojure. You can check out my work on <a href="https://gitlab.com/rawleyIfowler">GitLab</a>. Currently, I am working on an open-source community based blogging network called <a href="https://gitlab.com/xrn">xrn</a>.
 </p>
 <p>
 	When I'm not programming, I'm either reading, cooking, playing table-top games, or walking my dog.

templates/resume.tmpl

@@ -4,6 +4,7 @@
 <p>
 	<a href="/static/Resume.pdf">View my resume (pdf).</a>
 </p>
+<h3>Skill keywords</h3>
 <p class="skill-keywords">
 	<i>GNU/Linux</i>
 	<i>Debian</i>