.arround-article {
    margin-top: 5vh;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.40));
}

.arround-article a {
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: black;
    font-family: 'Nunito', sans-serif;
}

.card-img {
    height: 25vh;
    width: 20vw;
    object-fit: cover;
}

.content-article {
    height: 25vh;
    width: 60vw;
    background-color: #F1E5E0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-article h2 {
    margin-top: 3vh;
}

.content-article p {
    text-align: center;
    padding: 3vw;
}


/* ----------------- Page Article ----------------- */

.content-article-arround {
    background-color: #f0f0f0;
    height: auto;
    width: 100%;
    position: absolute;
    z-index: -2;
}

.article-title {
    font-family: 'Nunito', sans-serif;
    text-align: center;
    margin-top: 3vh;
}

.article-img {
    display: flex;
    justify-content: center;
    margin-top: 3vh;
}

.article-img img {
    width: 90vw;
    height: 30vh;
    object-fit: cover;
}

.article-arround {
    display: flex;
    justify-content: center;
}

.article-datetime {
    font-family: 'Nunito', sans-serif;
}


.article-content-center {
    background-color: #F1E5E0;
    width: 90vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 3vw;
}

.article-content h2 {
    font-family: 'Nunito', sans-serif;
    text-align: center;
    margin-bottom: 2vh;
}

.article-content p {
    font-family: 'Nunito', sans-serif;
}