Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/emilyhunt/website. My personal website, built from scratch with SvelteKit. emily.space
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/* Main CSS file for the site, defining common rules. */
/* LAYOUT */ body { margin-top: 0px;}
/* TEXT */ :root, button { font-family: var(--font-text);}
h1, h2, h3, h4, h5, h6 { /* color: var(--emilyred); */ font-family: var(--font-heading); font-weight: 500;}
h1 { font-size: 44px; font-weight: 500; margin-top: 35px;}h2 { font-size: 34px; font-weight: 510; margin-top: 32px; margin-bottom: 20px;}h3 { font-size: 31px; font-weight: 550; margin-top: 30px; margin-bottom: 16px;}h4 { font-size: 28px; font-weight: 590; margin-top: 28px; margin-bottom: 14px;}h5 { font-size: 25px; font-weight: 620; margin-top: 26px; margin-bottom: 12px;}h6 { font-size: 23px; font-weight: 650; margin-top: 24px; margin-bottom: 10px;}
p, li { font-size: 20px; line-height: 1.3;}
a { color: var(--emilyred); text-decoration: none;}
a:hover { color: var(--emilyred-hover); text-decoration: none;}
/* BLOG-ISH ELEMENTS */ blockquote, pre > code { font-family: var(--font-heading); font-size: 16px; display: block; /* font-style: italic; */ margin: 30px 0px 30px 0px; padding: 20px 15px 20px 20px; border-left: solid 7px var(--emilyred); background-color: var(--emilylightgrey);}
code, pre > code, p > code { font-family: var(--font-monospace);}
blockquote > p { font-size: 28px; padding: 0px; margin: 0px;}
article > p > img, article > img { display:block; margin-left: auto; margin-right: auto; max-width: 80%; max-height: 500px; object-fit: contain;}