@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
}

main section {
    max-width: 65ch;
    margin-inline: auto;
    padding-inline: 1rem;
}

h1 {
    font-size: 2.25rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.125rem;
}

h1, h2, h3 {
    margin-block-start: 2rem;
    margin-block-end: 0.5rem;
}

p, ul {
    margin-block: 1rem;
}

h2 + h3 {
    margin-block-start: 0.75rem;
}

.metadetails {
    font-style: italic;
    color: oklch(0.45 0 0);
    margin-block-end: 1.5rem;
}

.introduction {
    font-weight: 500;
    color: oklch(0.25 0 0);
}