#passwordclasse {
  display: flex;
  animation: tremida 2s infinite;
}
#fecharconfig {
  display: flex;
  position: absolute;
  right: 1%;
  top: 1%;
  font-size: 24px;
  animation: tremida 5s infinite ease-in-out;
  cursor: pointer;
}


#configapititle {
  color: #fcf700;
  font-size: 36px;
}
#configapilabel{
  color: #b1af46;
  font-size: 28px;
}
#configuracao {
  display: flex;
  right: 0.4%;
  top: 0.4%;
  position: absolute;
  font-size: 70px;
  animation: pulse 5s infinite ease-in-out;
  cursor: pointer;
  animation: girar 2s infinite linear;
}
@keyframes girar {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#configuracoes {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 15%; 
  max-width: 800px; /* Limita a largura máxima a 80% da largura da viewport */
 
  overflow-y: auto; /* Habilita a barra de rolagem vertical quando indispensável */
  background-color: rgb(0, 0, 0);
}

@media screen and (max-width: 768px) {
  #configuracao {
    font-size: 36px;
  }
  #configuracoes {
    max-width: 90%; /* Limita a largura máxima a 80% da largura da viewport */
  }
}