body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background-color: black;
    color: white;
}

h1 {
    font-size: 75px;
}

a {
    color: #ddd;
}
.container {
    display: grid;
    grid-template-areas: 
        "header header"
        "subheader subheader"
        "archive substack";
    grid-template-columns: 2fr 2fr;
    gap: 5px;
}
.container > div {
    padding: 10px;
}
.container > div.header {
    grid-area: header;
    text-align: center;
}
.container > div.subheader {
    grid-area: subheader;
    text-align: center;
}
.container > div.archive {
    grid-area: archive;
    text-align: right;
}
.container > div.substack {
    grid-area: substack;
    text-align: left;
}