feat: add error styling

static/cache/css/main.css

@@ -157,6 +157,11 @@ main {
   color: #fff;
   border: none;
   padding: 5px 0;
+  cursor: pointer;
+}
+
+.form__submit:hover {
+  background-color: #bb486b;
 }
 
 footer {
@@ -202,3 +207,10 @@ footer {
   margin: auto 5px;
   height: 20px;
 }
+
+.error_container {
+  text-align: center;
+  color: #c00;
+  width: 100%;
+  margin: 10px 0;
+}

templates/components/error.html

@@ -1,6 +1,6 @@
 {% if error %}
 <div class="error_container">
-  <h1 class="error-title"><.= title .>{{ error.title }}</h1>
-  <p class="error-message"><.= message .>{{ error.reason }}</p>
+  <h3 class="error-title">ERROR: {{ error.title }}</h3>
+  <p class="error-message">{{ error.reason }}</p>
 </div>
 {% endif %}