.CargaNCasamosDiv {
   
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background: rgb(0, 0, 0);
  transition: opacity 500ms;
   */
  
  opacity: 1;
  visibility: visible;

  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}

.centrarMorf{
}

.video-background {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .video-background__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */ /* Para asegurarse de que el video se ajuste al tamaño del div */
  }
  
  .video-background__content {
    position: relative; /* Esto asegurará que el contenido se superponga sobre el video */
    z-index: 1; /* Asegura que el contenido esté delante del video */
    /* Puedes agregar estilos adicionales para el contenido superpuesto */
    display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* Ajusta la altura según sea necesario */
  }

  .buttonVideo{
    
  }
  .contenedorMorfeo{
  display: flex;
  justify-content: center;
  /* align-items:last baseline; */
  background-image: url('../imagenes/portalRick.png');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 80%; /* Ajusta la altura según sea necesario */
  }
  .portalRick{
    width: 100%;
    /* border: 1px white solid; */
  }
  .MorfeoImg{
    width: 80%;
    /* border: 1px white solid; */
  }
  .MorfeoImgrojo{
    background: rgba(255, 1, 1, 0.2);
    border-radius: 50%;
    position: fixed;
    top:78%;
    bottom: 0;
    left: 9%;
    right: 0;
    height: 100px;
    width: 100px;
  }
  .MorfeoImgazul{
    background: rgba(39, 1, 255, 0.2);
    border-radius: 50%;
    position: fixed;
    top:78%;
    bottom: 0;
    left: 66%;
    right: 0;
    height: 100px;
    width: 100px;
  }
  .letrasMorf{
    color: white;
  }