#content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    width: 50%;
    margin: 50px 25%;
}

#header {
    padding: 0 10%;
}

#title-image {
    position: relative;
    width: 100%;
    display: block;
}

h1,h2,h3,p {
    color: #eee;
}

.article {
    width: 30%;
    text-decoration: none;
    margin: 10px 1.25%;
    border-radius: 5px;
}

.article p {
    line-height: 1.5rem;
    height: 3rem;
}

.article:nth-child(3n+1){
    margin-left: 2.5%;
}

.article:nth-child(3n){
    margin-right: 2.5%;
}

.article:hover {
    background: orange;
}