get rid of inline styles

404.html

@@ -7,20 +7,6 @@ title: "404 nyat found :("
 <div class="error-page">
 	<h2>404</h2>
 
-	<p style="font-size: 1.5rem"><strong>nyat found :(</strong></p>
+	<p class="error-message">nyat found :(</p>
 	<p>the webbed sewver twied weawwy hawd, pwease don't be angwy se-se-senpai qwq</p>
 </div>
-
-<style type="text/css" media="screen">
-	.error-page {
-		text-align: center;
-		padding: 20px 0;
-	}
-
-	.error-page h2 {
-		margin: 30px 0;
-		font-size: 4em;
-		line-height: 1;
-		letter-spacing: -1px;
-	}
-</style>

_layouts/default.html

@@ -5,8 +5,13 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="theme-color" content="#e1327b">
 
-	<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
-	<link rel="stylesheet" href="{{ 'assets/fonts/oleoscript.css' | relative_url }}">
+	<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+	<link rel="stylesheet" href="{{ '/assets/fonts/oleoscript.css' | relative_url }}">
+
+	{% if page.url == '/404.html' %}
+		<link rel="stylesheet" type="text/css" href="{{ '/assets/css/404.css' | relative_url }}">
+	{% endif %}
+
 
 	<link rel="alternate" type="application/atom+xml" title="Atom feed" href="{{ '/feed.xml' | relative_url }}">
 
@@ -40,7 +45,7 @@
 				</p>
 			</div>
 			<div>
-				<ul style="list-style-type:none;padding:0">
+				<ul>
 					<li>Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
 					<li>
 						Fediverse:

_sass/style.scss

@@ -36,6 +36,11 @@ footer {
 		flex: 1;
 		margin: 0 20px;
 	}
+
+	ul {
+		list-style-type: none;
+		padding: 0;
+	}
 }
 
 @media(max-width: 550px) {