*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}


body {
    background-color: rgb(0, 0, 0);
}




.news-container {
width: 100%;
 margin-top: 50px;
 border: 5px solid black;
 background-color: black;
 border-radius: 10px;
 display: flex;
 align-items: center;
flex-wrap: wrap;
 justify-content: space-around;
 padding: 10px;
 
}


.container-por-news {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
        padding: 5px;
    width: 400px;
    height: 500px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: rgb(255, 255, 255);
    transition: 0.4s;
 
}



.imagem-noticia img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    height: 250px;
    transition: 0.4s;
}

.imagem-noticia img:hover {
    opacity: 0.9;
}


.titulo-noticia {
    padding: 5px;
    text-align: left;
    cursor: default;
}

.descricao-noticia {
    padding: 5px;
    text-align: left;
    cursor: default;
}

.author-news {
    display: flex;
    justify-content: space-around;
    width: 100%;
    cursor: default;
}

.author-news a {
    color: blue;
    font-weight: bold;
    transition: 0.3s;
}
.author-news a:hover {
    color: rgba(0, 0, 255, 0.678);
}


.text-center {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.text-center h1 {
    font-weight: bold;
    font-size:70px;
    cursor: default;
    color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: gray;
}


.container-por-news:hover {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
        padding: 5px;
    width: 400px;
    height: 500px;
    border-radius: 20px;
    box-shadow: rgba(63, 63, 63, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: rgb(231, 231, 231);
}