body{
    background-color: black;
    
}

.topodobolo{
    background-color: #ccc;
    width: 100%;
    height: 85px;
    padding: 5px 5px 5px 5px;
}

.cabeca1{
    color: black;
    text-decoration: none;
}

.cabeca1:hover{
    color: black;
    font-size: 24px;
    text-decoration: none;
}

.cabeca{   
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.cabeca:hover{
    color: black;
    font-size: 24px;
    text-decoration: none;
}


.rodape{
    background-color: white;
    width: 100%;
    max-height: 60px;
    padding: 5px 5px 5px 5px;
}

h3{  
    margin-top: 10px;   
    font-size: 20px;
    text-align: center;
    color: black;
    text-decoration: none;
      
}

h2{
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-decoration: none;
    font-size: 20px;
    color: black;
}

#roda1{
    color: black;
    text-decoration: none;
}

#roda1:hover{
    text-decoration: underline;
    color: #FB9E01;
    
}

.chamada{
    font-size: 25px;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: white;
    text-align: center;
    padding: 5px 5px 5px 5px;

}

.simbol{
    color:white;
     
}

.simbol:hover{
    color: #FB9E01;
    font-weight: 500;
    
}

/* codigo referente as letras movimento */

@import url('https://fonts.googleapis.com/css?family=Montserrat');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Montserrat', sans-serif;
  /* background-color: #2E3192; */
  /* background: linear-gradient(to right, #2E3192, black); */
  background-color: black;
  background-size: cover; /* Ajusta o tamanho da imagem para cobrir todo o elemento */
  background-position: center; /* Centraliza a imagem no elemento */
  background-repeat: no-repeat; /* Evita a repetição da imagem */

  color: white;
}
.container {
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container p {
  font-size: 20px;
  padding: 0.5rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  text-align: center;
  overflow: hidden;
}
.container p span.typed-text {
  font-weight: normal;
  color: #D8B551;
}
.container p span.cursor {
  display: inline-block;
  background-color: #D8B551;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}
.container p span.cursor.typing {
  animation: none;
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}

.btn-orange{
  background-color: #D8B551;
}

.btn-orange:hover{
  background-color: #D8B551;
  color: black;
}

.catalogo{
  color: black;
}

.catalogo:hover{
  color: white;
}

#plantaovendas{
  background-color: #D8B551;
}

#plantaovendas:hover{
  background-color: #ccc;
}

#avaliacaogoogle{
  background-color: greenyellow;
}

#avaliacaogoogle:hover{
  background-color: green;
}