main > section{
    display: grid;
    grid-template-rows: 50px repeat(2, minmax(300px, 1fr)) 25px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 
    'title title'
    'content image'
    'content image'
    'date author';
    gap: 2.4em;
}

main > section > h1{
    grid-area: title;
    text-align: center;
    font-size: clamp(1rem, 10vw, 2.5rem);
    font-style: italic;
}

main > section > .author{
    grid-area: author;
}

main > section > .date{
    grid-area: date;
}

main > section > p{
    grid-area: content;
    place-self: center;
    font-size: clamp(1rem, 2.5vw, 2rem);
}

main > section > img{
    grid-area: image;
    place-self: center;
    box-shadow: 10px 10px 5px var(--background-alt);
}