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'> <Layout title='Page not found'>
<main> <main>
<div class="figure">
<img <img
src='/404.gif' 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' 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> <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> </main>
</Layout> </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>