improve the css

i made the font sizes based off rem instead of px.
This commit is contained in:
Fries 2023-07-04 22:55:11 -07:00
parent dfe6dfbe4d
commit 8cde083875
2 changed files with 31 additions and 9 deletions

View file

@ -7,7 +7,9 @@ const { Content } = await shoutouts.render();
--- ---
<Layout title="fries gay friends"> <Layout title="fries gay friends">
<main aria-label="a place where i shoutout my friends sites."> <main>
<section aria-label="a place where i shoutout my friends sites.">
<Content /> <Content />
</section>
</main> </main>
</Layout> </Layout>

View file

@ -17,22 +17,42 @@
body { body {
font-family: "Atkinson Hyperlegible", sans-serif; font-family: "Atkinson Hyperlegible", sans-serif;
text-align: center; text-align: center;
font-size: 1.375rem;
} }
section, footer,
footer { main {
max-width: 600px; max-width: 600px;
margin: auto; margin: auto;
} }
p { a {
font-size: 22px; font-size: 1.375rem;
color: var(--link-color);
} }
h1 {
font-size: 3.225rem;
}
a { h2 {
font-size: 22px; font-size: 2.825rem;
color: var(--link-color); }
h3 {
font-size: 2.225rem;
}
h4 {
font-size: 1.665rem;
}
h5 {
font-size: 1.375rem;
}
h6 {
font-size: 1.185rem;
} }
/* don't ask why i'm doing this cursed workaround, but i am. */ /* don't ask why i'm doing this cursed workaround, but i am. */