Personal site
staging.colinozanne.co.uk
finxol.io
portfolio
astro
1---
2import Layout from "@/layouts/Layout.astro";
3---
4
5<Layout>
6 <article>
7 <h1>404 Not Found</h1>
8 <a href="/">Take me home (country roads)</a>
9 </article>
10</Layout>
11
12<style>
13 article {
14 display: flex;
15 flex-direction: column;
16 align-items: center;
17 justify-content: center;
18 height: 100%;
19 }
20
21 h1 {
22 font-size: 2rem;
23 margin-bottom: 1rem;
24 }
25
26 a {
27 color: var(--indigo-500);
28 text-decoration: none;
29 transition: color 0.3s ease;
30 }
31
32 a:hover {
33 color: var(--indigo-700);
34 }
35</style>