body{
	background: #333a4c ;
}
.contenedor {
  ...
  position: relative;
}

.hijo {
  width: 300px;
  height: 500px;
  align-items: center;
  
  /* centrar vertical y horizontalmente */
  position: absolute;
  top: 25%;
  left: 42%;
  margin: -25px 0 0 -25px; /* aplicar a top y al margen izquierdo un valor negativo para completar el centrado del elemento hijo */
}