Global and reusable styles for fonts and colors

This commit is contained in:
Alicia Sykes 2024-02-17 16:45:24 +00:00
parent 9ca8653e01
commit 2065c87dc5
2 changed files with 12 additions and 3 deletions

View file

@ -16,15 +16,23 @@ code {
monospace;
}
.heading, h1, h2, h3, h4, h5, h6 {
.heading, h1 {
font-family: "Libre Franklin", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
}
.subtitle {
.subtitle, h2, h3, h4, h5, h6 {
font-family: "Lekton", sans-serif;
font-weight: 700;
font-style: normal;
}
html, body, p, a, ul, ol, li, blockquote, pre, code, strong, i {
font-family: "Rubik", sans-serif;
}
a {
color: var(--accent);
}

View file

@ -1,9 +1,10 @@
:root {
--accent: #f72b77;
--accent: #f45397;
--accent-fg: #fff;
--accent-2: #ffdf60;
--accent-3: #5f53f4;
--accent-4: #28dffd;
--foreground: #13151a;