:root {
  --txt-color: #23861F;
}

.list-news {
    margin: 20px 20px 40px;
}

.list-news h2 {
    text-align:center;
    color:var(--txt-color);
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
}

.list-news ul {
    border:solid var(--txt-color);
    border-width:1px 0;
    margin: 20px auto 0;
    max-width:700px;
}

.list-news ul li {
    display:flex;
    gap:15px;
    padding:15px;
}

.list-news ul li + li {
    border-top:1px solid var(--txt-color);
}

.list-news ul li .news-date {
    color:var(--txt-color);
}

@media screen and (max-width: 500px){
    .list-news ul li {
        flex-direction:column;
        gap:5px;
        padding:15px 0;
    }
}

.list-news ul li .news-date {
    color:var(--txt-color);
}

.list-news ul li .news-content a {
    color:black;
}

.list-news ul li .news-content a:hover {
    text-decoration: underline;
}