html {
    background-color: #111;
}

body {
    font-family: 'Crimson pro', Georgia, 'Times New Roman', Times, serif;
    color: #fffff8;
    font-size: 1.3em;
}

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

.grid {
    display: grid;
    grid-template-columns: [xl-start] 1fr 1.5rem [md-start] minmax(0, 920px) [md-end] 1fr 1.5rem [xl-end];
}
.grid * {
    grid-column: md;
}

.grid-xl {
    grid-column: xl;
}

.heading-font {
    font-family: 'Playfair Display';
}

a {
    color: #d0d0d0;
}

hr {
    border: none;
    height: 1px;
}

::selection {
    background-color: #fffff8;
    color: #111;
}