:root {
    --page-width: 1000px;
}

html {
    font-family: 'Libertinus Serif', serif;
    font-size: 16px;
}

body {
    width: calc(100% - 80px);
    margin: 0 auto;
    background: #101010;
    color: #e0e0e0;
    padding: 40px;
}

body header {
    max-width: var(--page-width);
    width: 100%;
    margin: 0px auto 40px auto;
    text-align: center;
}

body main {
    max-width: 100%;
    width: 100%;
    margin: 40px auto;
}

body footer {
    max-width: var(--page-width);
    width: 100%;
    margin: 40px auto 0px auto;
    text-align: center;
}

section {
    width: 100%;
    margin: 40px auto;
}

article {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}