body {
    background-color: whitesmoke;
}

#news_list {
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    li {
        background-color: var(--sub-color);
        border: 1px solid #ccc;
        border-radius: 10px;
        margin: 15px 0;
        transition: background-color 0.3s;
    }
    
    li:hover {
        background-color: gainsboro;
    }

    a {
        color: black;
        text-decoration: none;
        display: block;
        height: 100%;
        padding: 15px;

        span {
            display: inline-block;
        }
        
        span:nth-of-type(1) {
            width: 8rem;
            text-align: center;
        }

        span.badge {
            background-color: var(--main-color);
            margin: 0 0.5rem;
        }
    }

    h4 {
        margin-bottom: 0;
    }
}

.page-title {
    padding: 3rem 0;
    text-align: center;
    background-color: var(--main-color);
    color: var(--sub-color);
    background-position: center;

    h2 {
        margin: 0;
    }

    h5 {
        margin-top: 1rem;
    }
}

.page-content {
    margin: 2rem;
    padding: 3rem;
    background-color: white;
    border-radius: 10px;
    
    img {
        max-width: 100%;
        height: auto;
    }

    figure {
        margin: 0 0 1rem!important;
    }

    *:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .page-title {
        padding: 2rem 0;
    }

    .page-content {
        margin: 2rem 0.5rem;
        padding: 1.5rem;
    }
}

.page-back {
    padding: 0 0 2rem 0;
    text-align: center;
}