@font-face {
    font-family: "IBM Plex Sans";
    src: url(IBMPlexSans-Medium.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Source Serif Pro";
    src: url(SourceSerifPro-Regular.ttf);
    font-display: swap;
}

body {
    display: grid;
    grid-template-columns: [left] 25% [center] auto [right] 25%;
    grid-template-rows: auto auto auto;
}

header {
    grid-column-start: center;
}

header img {
    width: 100%;
    height: auto;
    margin-top: 76px;
}

main {
    display: grid;
    grid-column-start: center;
}

h1 {
    font-family: "IBM Plex Sans", Helvetica, sans-serif;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 0;
}

p {
    font-family: "Source Serif Pro", Times, serif;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 0;
}

a {
    color: black;
}

footer {
    display: grid;
    grid-column-start: center;
    justify-content: center;
}

footer p {
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 20px;
}