@import url(/css/variables.css);

body {
    font-family: var(--ff-body);

    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

main {
    flex-grow: 999;

    min-width: 20rem;
    width: 60vw;
    margin-inline: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-title);
}

h1 { font-weight: 800; font-size: 3rem; }
h2 { font-weight: 700; font-size: 2rem; }
h3 { font-weight: 600; font-size: 1.5rem; }

.center {
    text-align: center;
}