body{
  background-image: url('../imgs/textos/vento_back.jpg');
  background-position: center;
  font-size: 19px;
  text-align: justify;
  color: #043b78;
}

.navbar_textos a{
    color: white;
    border: 1px solid #ffffff;
}

.navbar_textos{
    background-color: #ffffff61;
    font-family: "Roboto Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    display: flex;
    margin: auto;
    justify-content: center;
    border: none;
    box-shadow: none;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.container{
    border: 3px solid #94823a;
    border-radius: 20px;
    width: 70%;
    margin: auto;
    background-color:  blanchedalmond;
    padding: 30px;
}


@font-face {
  font-family: "SmallSans";
  src: url("../fonts/SmallSans.ttf") format("trueType");
}

.titulo_principal {
   font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-style: normal;

  transform: scaleY(1.8);
  transition: all 0.5s ease-in-out;
  
}

.titulo_principal:hover, .header p:hover {
 color: #011b5a; /* Cor do texto ao passar o mouse */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra do texto ao passar o mouse */
  letter-spacing: 3px; /* Aumenta o espaçamento entre as letras */
  cursor: pointer;
}

.header{
  color: white;
    border: 3px dotted #0061ff;
    background-color: #00b4ff7d;
    padding: 15px;

}

.header p{
   font-family: "Fleur De Leah", cursive;
   transition: all 0.5s ease-in-out;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;
}

.text {
  background-color: white;
   font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
    padding: 30px;
}

.text h1{
  font-size:24px;
  display:flex;
  justify-content:center
}

.notas{
    border: 2px solid black;
    font-size: 22px;
    margin-top: 25px;
    background-color: #ffffff;
    padding: 20px;
}

.notas h1{
  font-family: "Fleur De Leah", cursive;
    font-weight: 400;
    font-style: normal;
}


footer{
  width: 70%;
  padding: 15px;
  font-size: 20px;
  color: #1f1a19;
  margin: auto;
  justify-content: center;
  display: flex;
}

.navegacao-textos {
  color: #1f1a19;
  display: flex;
  justify-content: space-between; /* Espaça os itens igualmente */
  align-items: center;
  padding: 20px 0;
  margin-top: 40px;
  border-top: 3px solid black;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.nav-link {
    color: white;
    text-decoration: none;
    background-color: #6a9bc9;
    font-weight: bold;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-link:hover {
  background-color: #6a7cc9;
  color: white;
  border-color: #ddd;
}

.nav-download {
  font-weight: bold;
  text-decoration: none;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 0.3s ease;
  background-color: #80b971;
  color: white;
}
.nav-download:hover {
  background-color: #fcbf49;
  color: #333;
  border-color: transparent;
}

.nav-link.hidden {
  visibility: hidden; 
  pointer-events: none; /* Impede que seja clicado */
}

@media (max-width: 768px) {
  .navbar_textos{
    width: fit-content;
    
  }
  .navbar_textos a{
    font-size: 16px;
    padding: 5px;
  }
  
  body{
    text-align: left;
    width: 100%;
    font-size: 22px;
  }
  
  h1{
     font-size: 30px;
  }
  
  .titulo_principal{
    transform: none;
    color: #011b5a;
  }
  
  .header p{
    color: #011b5a;
  }
  
  
  .data{
    font-size: 13px;
    padding: 5px;  
  }
  .container{
    display: flex;
    flex-direction: column;
    width: 80%;
    border: 3px solid gray;
    border-radius: 20px;
    max-width: 100%;
    margin: auto;
    padding: 30px;
  }
  

}