.votacao-painel {
  width: auto;
  height: 100vh;
  background-image: url('../../media/votacao/back8.jpg');
  background-size: cover;

  /* Novas propriedades adicionadas */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;

}

.votacao-grafico {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding: 2%;
}

.bar {
  width: 20%;
  color: white;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 20px 0;
  position: relative;

}

.bar.menino {
  margin-right: 30%;
}

.menino {
  background-color: rgba(40, 129, 164, 0.8);
}

.menina {
  background-color: rgba(250, 149, 166, 0.8);
}

.bar img {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.votacao-info {
  text-align: center;
  padding: 2%;
  border-radius: 11px;
  color: white;
  border-top: 1px solid rgb(198, 198, 198);
  /* Isso adiciona uma borda fina branca na parte superior */
}


.btn-revelacao {
  border: 0.5px solid rgb(0, 0, 0);
  border-radius: 8px;
  background-image: linear-gradient(to right, rgba(220, 135, 188, 0.1), rgba(42, 114, 135, 0.1));
  color: rgb(0, 0, 0);
  padding: 6px 35px;
  font-size: 20px;
  font-weight: 300;
  cursor: pointer;
}



@keyframes flying {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50%);
  }
}

.flying-name {
  position: absolute;
  bottom: 10%;
  animation: flying 5s infinite;
  width: 100%;
  text-align: center;
  font-size: 1.3em;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  animation: pulse 3s infinite;
}




.shake {
  animation: shake 2s;
  /* aumentando ainda mais a duração da animação */
  animation-iteration-count: infinite;
  color: black;
}



@media screen and (min-width: 1200px) {
  .linkeventomargin{
    margin:0 3% 0 10%
  }
  .codeventomargin{
    margin: 0 0 0 8%
  }
}


@media screen and (min-width: 1600px) {
  .linkeventomargin{
    margin:0 7% 0 13%
  }
  .codeventomargin{
    margin: 0 0 0 12.8%
  }
}