:root {
    /* Colors */
    --color-primary: #000000;
    --color-secondary: #000000;
    --color-tertiary: #000000;
    --color-quaternary: #000000;
    --color-quinary: #000000;

    /* Fonts */
    --font-primary: "Archivo", sans-serif;

    /* Font Sizes */
    --font-size-1: 1.5rem;
    --font-size-2: 1.25rem;
    --font-size-3: 1rem;
    --font-size-4: 0.875rem;
    --font-size-5: 0.75rem;

    /* Font Weights */
    --font-weight-1: 300;
    --font-weight-2: 400;
    --font-weight-3: 500;
    --font-weight-4: 600;
    --font-weight-5: 700;

    /* Font Styles */
    --font-style-1: normal;
    --font-style-2: italic;

}

body {
    font-family: var(--font-primary);
    font-style: var(--font-style-1);
    font-weight: var(--font-weight-2);
}

/* Grid */
.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        ". header header header ."
        ". content content aside ."
        ". footer footer footer .";
}

.header {
    grid-area: header;
}

.footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "copyright contact disclaimer";
    grid-area: footer;
}

.copyright {
    grid-area: copyright;
}

.contact {
    grid-area: contact;
}

.disclaimer {
    grid-area: disclaimer;
}

.content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "tag genre date"
        "thumbnail link link"
        "blurb blurb blurb";
    grid-area: content;
}

.tag {
    grid-area: tag;
}

.genre {
    grid-area: genre;
}

.date {
    grid-area: date;
}

.link {
    grid-area: link;
}

.thumbnail {
    grid-area: thumbnail;
}

.blurb {
    grid-area: blurb;
}

.aside {
    grid-area: aside;
}