.header {
  
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  top:0;
  left:0;  
  width: 100%;
  z-index:1;
  float:left; 
}
.eventos {
    margin-top: 80px;;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}



h1{
 margin-top: 80px;
 text-align: center;
}
  .evento {
    text-align: center;
    margin: 20px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 300px;
  }
  
  .evento img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
  }

  .caixa-de-texto {
    width: 500px; /* Largura da caixa de texto */
    height: 200px; /* Altura da caixa de texto */
    padding: 20px; /* Espaçamento interno */
    border: 2px solid #ccc; /* Borda da caixa de texto */
    border-radius: 10px; /* Borda arredondada */
    font-size: 16px; /* Tamanho da fonte */
    text-align: center; /* Alinhamento do texto no centro */
    margin: 0 auto; /* Centraliza a caixa de texto horizontalmente */
}