/* Efeito Bem vindo - overlay-bemvindo */
@keyframes fadeOut {
  to { opacity: 0; visibility: hidden; }
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
.overlay-bemvindo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  animation: fadeOut 1s ease 5s forwards;
}
#fogosCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mensagem-bemvindo {
  position: absolute;
  color: white;
  text-align: center;
  animation: fadeIn 2s ease;
  z-index: 2;
}