center stuff, text

This commit is contained in:
BlkPingu 2022-11-30 17:11:19 +01:00
parent 50dba42879
commit 5fd71973ca

View file

@ -4,11 +4,32 @@ import Layout from '../layouts/Layout.astro'
<Layout title='Page not found'>
<main>
<img
<div class="figure">
<img
src='/404.gif'
alt='Pixel art of a squirrel with 2 halves of a fiber cable that were chewed in half. Cable and small lightning strikes flashing'
/>
/>
<h1>Page not found</h1>
<p>It seems the squirrels got to the cable again.</p>
<p>Looks like the squirrels got the fiber again</p>
</div>
</main>
</Layout>
<style>
figure,
p {
margin-bottom: 10rem;
text-align: center;
}
img {
margin-top: 5rem;
width: 50%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
h1 {
text-align: center;
}
</style>