*{
  background-color: rgb(5, 5, 5);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* tete*/

  
}
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
     overflow-x: hidden;
     
} 

.slide .imag{
  position: absolute;
  border-radius: 9px;
  top: 40%;         /* Zera qualquer arredondamento de borda (deixando quadrada) */
  border: 6px solid #fdfbfb; 
   animation-name: criar; 
   animation-duration: 3s;
   animation-iteration-count: infinite;
   margin-top: 5%;
    margin-left: 59%;
     /*quebra linha*/  
   
    
    
    
}
@media (max-width: 768px) {
    .slide .imag {
      margin-left: 5%;
      margin-top: 1%;
      text-align: center;
     
    }
  }

 @keyframes criar{
  
   0% {
    color: #ff0000; /* Vermelho */
    border: 3px solid #880707;
  }
  25% {
    color: #00ff00; /* Verde */
    border: 3px solid #07f356;
  }
  50% {
    color: #0000ff; /* Azul */
    border: 3px solid #0804f8;
  }
  75% {
    color: rgb(252, 253, 253);
    border: 3px solid #fdfbfb;
  }
  100%{
    color: aquamarine;
    border: 3px solid #1af506;
     from {opacity: .4} 
  to {opacity: 1}
  }  
}
.textotopo{  
  font-size: 28px;
  color: aquamarine;
  text-align: center;
  opacity: 50%;
  margin-top: 12%;
  display: block; 
 /*Texte texto responsivo*/

 
 
  /*text texto responsivo fim*/  
  
  
}
@media (max-width: 768px) {
     .textotopo {
      margin-left: 40%;
      margin-top: 16%;
      font-size: 11px;
      text-align: center;
      
     
    }
  }

.logotop{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
  display: block;
  margin-top: 0%;
  width: 100% ;
  max-height: 150px;  
  margin: 0 auto;
  padding: 0;
  overflow-x: auto; 

}
@media (max-width: 768px) {
    .logotop {
      max-width: 100%;
      margin-top: 0%;
      max-height: 70px;
      padding: 0%;
      top: 0%;
      right: 0%;
      left: 0%;
     
    }
  }

.taghtml{
  
  color: white;
  margin-top: 3.5%;
  top: 30%;
  margin-left: 2%;  
   padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;   
   font-size: 18px;   
   line-height: 25px;  
   flex: 1;  
}
@media (max-width: 768px) {
    .taghtml {
       transform: translateY(240px);
    }
  }



.viu{
  color: #00ff00;
}
.textodois{
  color: chocolate;
  font-size: 24px;
  padding-bottom: 6px;
}
.tagspan{
  font-size: 15px;
  color: gold;
  opacity: 60%;
}
.espaco{
   animation-name: espaco; 
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes espaco{
   0% {
    color: #ff0000; /* Vermelho */
   /* border: 0.001px solid #880707;*/
  }
  25% {
    color: #00ff00; /* Verde */
   /* border: 0.001px solid #07f356;*/
  }
  50% {
    color: #0000ff; /* Azul */
   /* border: 0.001px solid #0804f8;*/
  }
  75% {
    color: rgb(252, 253, 253);
    /*border: 0.001px solid #fdfbfb;*/
  }
  100%{
    color: aquamarine;
    /*border: 0.001px solid #1af506;*/
     from {opacity: .4} 
  to {opacity: 1}
  }  
}
.hrlogo{
  border: none;
  height: 6px;
  background-color: #1d2227;
  width: 100%;
 

}

.tabelasid {
  color: #f3f3f5;
  display: flex;  
  transform: translateY(10px);
  margin-left: 76%;
  border-collapse: collapse; 
  
}
@media (max-width: 768px) {
    .tabelasid {
     margin-right: 3%;
      
     
    }
  }
.tabelasid th, td{
 border: 5px solid #25312c; /* Define borda de 1px, sólida e preta */
  padding: 8px; /* Espaçamento interno */
  text-align: left; 
}
.colaborador{
  color: white;   
 margin-left: 59%;
transform: translateY(35%);
 margin-top: -515px;

}