.feed-title{
    color: beige;
    font-size: 13px;
}

.theArticles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Responsive columns */
    gap: 10px; /* Space between items */
    list-style-type: none; /* Remove default list styles */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    
    li {
        background: linear-gradient(135deg, rgb(47,79,79), #34495e); /* Gradient background */
        display: grid;
        grid-template-rows: auto 1fr auto;
        padding: 15px; /* Slightly increased padding for a more spacious look */
        border: none; /* Remove the solid border */
        border-radius: 10px; /* Softer, more rounded corners */
        box-shadow: 0 2px 4px #e6d5e6; /* Subtle shadow for depth */
        transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition for hover effect */

        :hover{
            transform: translateY(-5px); /* Slight lift effect */
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* More prominent shadow on hover */
        }
    }
}


a {
    text-decoration: none;
    color: yellow;
}

.theTitle {
    color: white;
    text-align: center;
    padding-bottom: 10px;
}

.theDescription {
    color: aquamarine;
    text-align: justify;
    padding-bottom: 10px;
}

.theAttributes {
    display: flex;
    justify-content: space-between; /* Align provider to left, date to right */
    align-items: end;
}

.theProvider {
    font-size: 10px;
    margin: 0;
}

.theDate {
    font-size: 10px;
    margin: 0;
    color: lightgray;
}