sass: 404 template stylized, templates: 404.html rewriting

config.toml

@@ -21,9 +21,10 @@ highlight_theme = "base16-ocean-dark"
 render_emoji = true
 
 [extra]
-version = "0.1.1"
+version = "0.1.2"
 favicon = "favicon.ico"
 cdnurl = "https://get.re128.net/"
+
 [[extra.header]]
 text = "Meta"
 link = "$base_url/meta"

sass/main.scss

@@ -66,11 +66,28 @@ ul {
 .welcome {
     display: flex;
     justify-content: center;
-    font-weight: 700;
-    font-size: 60px;
+    font-weight: 400;
+    font-size: 100px;
     padding-top: 2em;
     &-p {
         display: flex;
         justify-content: center;
     }
 }
+.error {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-weight: 400;
+    margin-bottom: 2em;
+    min-height: calc(100vh - 87px);
+    & h1 {
+        font-size: 250px;
+    }
+    & h2 {
+        font-size: 100px;
+    }
+    & h3 {
+        font-size: 50px;
+    }
+}

templates/404.html

@@ -8,8 +8,10 @@
     {{macros::header(current_url="/")}}
 {% endblock header %}
 {% block content %}
+<div class="error">
 <h1> 404 </h1>
 <h2> Page Not Found </h2>
 <h3> The requested page doesn't exist
  or you don't have access to it. </h3>
+</div>
 {% endblock content %}

templates/base.html

@@ -19,7 +19,7 @@
         {% else %}
         <link rel="stylesheet" href="{{ get_url(path='main.css') }}">
         {% endif %}
-        <title>{% block htmltitle %}{{ config.title }}{% endblock htmltitle %}</title>
+        <title>{% block htmltitle %} {{ config.title }}{% endblock htmltitle %}</title>
         {% if config.extra.localcdn %}
         <link rel="stylesheet" href="{{ get_url(path='normalize.css/normalize.css') }}">
         <link rel="stylesheet" href="{{ get_url(path='@fontsource/courier-prime/400.css') }}">