a, a:hover, a:focus, a:active {
     text-decoration: none;
     color: inherit;
}

.list-group-item:hover {
    cursor: pointer;
}

.article-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

body {
    font-size: 1.2rem;
}

.article-container {
    padding-bottom: 50px;
}

.card-img-home {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.card-text-home {
    font-size: 0.9rem;
}

.full-width-image {
    display: block; /* Make it a block element */
    width: 100%; /* Take full width of its parent */
    height: 400px; /* Or any desired fixed height */
    object-fit: cover; /* This will crop the image to cover the area */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
}