@import url(/global/styles/core.css);

@import url(/local/styles/variables.css);
@import url(/local/styles/theme.css);

@import url(/global/styles/modules/hr.css);
@import url(/global/styles/modules/margin.css);

body {
    font-size: 16px;
    margin-bottom: 50dvh;
    width: min(40rem, 100%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer {
    margin-top: 2rem;
}

main :target {
   background-color: var(--color-bg-2); 
}

.image {
    text-align: center;
}

.faux-h1,
h1, h2, h3, h4, h5, h6,
p {
    font-size: 1em;
    margin: 1em 0;
    width: min(25rem, 100%);
    margin-left: auto;
    margin-right: auto;
}

p {
    text-align: justify;
}

.wide p {
    margin-left: 0;
    margin-right: 0;
}
.wide:last-child {
    margin-top: 2rem;
}

img {
    border: 1px solid var(--color-fg);
    width: min(12.5rem, 100%);
}