/* Estilos do artigo de notícias */
.newsArticle {
  min-height: 1000px;
  background-color: white;
  margin: 60px auto 40px;
  border-radius: 15px;
  width: 60%;
  border: 5px solid rgb(212, 117, 0);
}

/* Estilos do bloco de notícias */
.news {
  margin: 20px;
  margin-top: 35px;
  border-radius: 15px;
  background-color: rgb(243, 243, 243);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* Ícone de notícias */
.newsIcon {
  float: right;
  margin-right: 10px;
}

.newsIcon img {
  width: 50px;
  height: 50px;
}

/* Título da notícia */
.newsTitle {
  font-size: 15px;
  padding: 20px;
  padding-top: 13px;
  padding-bottom: 5px;
  background-color: rgb(236, 130, 0);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: black;
}

/* Descrição da notícia */
.newsDescription {
  padding: 20px;
}
/* Estilos para imagens dentro da descrição de notícias */
.newsDescription img {
  width: 100%;
  height: auto;
}

/* Estilos para a próxima página */
.nextPage {
  margin-bottom: 40px;
}

.nextPage ul {
  text-align: center;
}

.nextPage li {
  display: inline;
  padding: 7px;
  margin: 3px;
  background-color: chocolate;
  border: solid 2px black;
  border-radius: 5px;
}

.nextPage a,
.nextPage span {
  font-size: 25px;
  text-decoration: none;
  color: white;
  text-shadow: none;
}

/* Responsividade para telas grandes */
@media screen and (max-width: 1920px) {
  .newsArticle {
    margin-right: auto;
    margin-left: auto;
    width: 70%;
  }
}

/* Responsividade para telas médias */
@media screen and (max-width: 1600px) {
  .newsArticle {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}

/* Responsividade para telas pequenas */
@media screen and (max-width: 1420px) {
  .newsArticle {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

/* Responsividade para telas muito pequenas */
@media screen and (max-width: 550px) {
  .newsArticle {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 0;
    border-color: white;
  }
}