.tela-revelacao-background {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.video-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Certifique-se de que o vídeo ocupe todo o espaço */
}

.nome-crianca {
  font-size: 7em;
  /* Ajuste esse valor de acordo com suas necessidades */
}

.nome-crianca-sexo-diferente-m {
  width: 500px;
  font-size: 5em;
  color: #6792A6;
  /* background-color: blue; */
}

.nome-crianca-sexo-diferente-f {
  width: 500px;
  font-size: 5em;
  color: #EF7E8B;
  /* background-color: rgb(74, 160, 87); */

  margin-right: 10px;
}

.cards-nomes-sexo-diferentes {
  margin-top: 20%;
  width: 1500px;
  height: auto;
}

.class-div-pais {
  margin-top: 9%;
}

.nome-pai,
.nome-mae {
  font-size: 2em;
  /* Ajuste este valor de acordo com as suas necessidades */
}

.container {
  display: flex;
  flex-direction: column;
  /* Novo: organiza itens na vertical */
  justify-content: center;
  align-items: center;
  /* Ajusta a altura para 100% da altura da viewport */
}



/* Novo: remove margens padrão do <p> */
.nome-pai,
.nome-mae {
  margin: 0;
}

.justify-content-center-rev {
  justify-content: center;
}

.align-items-center-rev {
  align-items: center;
}


@media screen and (min-width: 1200px) {
  .nome-crianca-sexo-diferente-m {
    width: 450px;
    font-size: 5em;
    color: #6792A6;

  }

  .nome-crianca-sexo-diferente-f {
    width: 450px;
    font-size: 5em;
    color: #EF7E8B;
    margin-right: 10px;

  }

  .cards-nomes-sexo-diferentes {
    margin-top: 20%;
    width: 1000px;
    height: auto;
    margin-top: 13%;
  }
  .class-div-pais {
    margin-top: 14%;
  }
  .class-div-pais p{
    font-size: 1.4em;
  }
}


@media screen and (min-width: 1600px) {
    .nome-crianca-sexo-diferente-m {
    width: 500px;
    font-size: 5em;
    color: #6792A6;

  }

  .nome-crianca-sexo-diferente-f {
    width: 500px;
    font-size: 5em;
    color: #EF7E8B;
    margin-right: 10px;
  }

  .cards-nomes-sexo-diferentes {
    margin-top: 20%;
    width: 1500px;
    height: auto;
  }

  .class-div-pais {
    margin-top: 12%;
  }
  .class-div-pais p{
    font-size: 2em;
  }
}