@import url(../fonts/fonts.css);
@import url(./header.css);
@import url(./footer.css);
@import url(./variables.css);

main{
    padding-top: var(--height-header);
    min-height: calc(100vh - var(--height-header));
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
main *{
    margin: 1rem;
}
body{
    background-color: var(--body-bg-color);
}

h2,
h3,
p,
blockquote,
cite,
ul {
    line-height: 1.5;
    font-family: "Poppins", sans-serif;
}

aside p,
main p,
aside blockquote,
aside ul {
    font-size: 18px;
    max-width: 75ch;
    hyphens: auto;
}
main *{
    color: var(--body-color);
}
main p{
    text-align: center;
}