body
{
    margin: 0;
    padding: 0;
}

header
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    background: url("https://images.unsplash.com/photo-1598976192573-792d0e1ca8c5?q=80&w=2004&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") bottom no-repeat;
    background-size: cover;
}

header h1
{
    color: bisque;
    font-size: 4rem;
    font-family: 'Times New Roman', Times, serif;
}

.news
{
    background-color: #fff;
}

article
{
    width: 786px;
    margin: 0 auto 32px;
    padding: 6px 15px;
    border-bottom: 1px solid rgb(128, 128, 128);
}

article a
{
    color: rgb(33, 37, 41);
    text-decoration: none;
}

article a:hover
{
    color: #0085a1;
}

article h2
{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 5px;
}

.article-meta
{
    color: rgb(134, 142, 150);
    margin-bottom: 5px;
}

article img
{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.news > article:nth-child(even)
{
    background-color: gainsboro;
}

.news > article:nth-child(1) a h2::before , .news > article:nth-child(2) a h2::before
{
    content: "New ";
    color: rebeccapurple;
}

footer
{
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: center;
}

footer .links
{
    margin-bottom: 50px;
}

footer .links > a
{
    color: gray;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.copyright
{
    color: lightslategray;
    font-family: 'Times New Roman', Times, serif;
}