body {
      background-color: rgb(85, 85, 85);
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      min-height: 100vh; /* Altura mínima para cobrir toda a tela */
      margin: 0; /* Remove margens padrão */
      
      @import url('https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap');

}

.B {

      width: 100vw;  /* Ajusta a largura da imagem à largura da janela */
      height: 100vh; /* Ajusta a altura da imagem à altura da janela */
      object-fit: cover; /* Faz com que a imagem cubra toda a área disponível sem distorção */
}

.carrosel{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;      
      z-index: -1;
}

.informacao{
      display: none;
}

.informacao.ativa{
      display:block;
}

      #menu {
            font-family: "Odibee Sans", sans-serif;
            font-size: 22px;
            font-style: normal;
            text-align: center;
      }

      #menu li {

            display: inline-block;
            
            
      }

      #menu li a {

            text-decoration: none;
            color: aliceblue;
            display: inline-block;
            padding: 5px;
            margin-left: 10px;
            margin-right: 10px;
            transition: background-color 0.3s ease; /* Transição suave */
            transition: transform 0.5s, box-shadow 0.5s;
      }

      #menu li a:hover {

            color: #4275a3;
            transform: scale(1.35); /* Dá um leve zoom */
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5); /* Sombra */
            border-radius: 15px;
      }
      

.home{
      margin: 0;
      padding: 0;
}

.logo {
      width: 65px;
      height: 65px;
}

footer {
      background-color: rgb(82, 82, 82);
      position: absolute;
      bottom: 0;
      width: 100%; /* Faz o rodapé ocupar toda a largura da página */
      background-color: rgba(0, 0, 0, 0.7); /* Preto com 70% de opacidade */
      color: #fff; /* Cor do texto para contraste */
      text-align: center;
      padding: 0;
}


#rodape img {
      width: 30px;
      height: 30px;
      transition:transform 0.5s; /* Transição suave de largura */
}

#rodape img:hover {

      transform: scale(1.8); /* aumenta o tamanho em 2x */

}
      
#rodape li {
      display: inline-block;
      padding: 10px;
      justify-content: center;
      border-radius: 8px;
      transition: background-color 0.3s, /*transição em 0,3s - suave*/
      
}

#rodape li:hover{
      background-color: #4275a3
}