Sorry if the thumbnail iframe looks weird. Each building is a div with random heights, widths, and positions are set with javascript and transitioned with CSS. A few buildings with pointed tops are set using CSS clip-path. The sky background changes color using a subtle animation.
I've been searching for a way to align multiple items left and right using flexbox. There is no flexbox property alone that can do this, but by calculating the relative widths of the items and using a few negative margins, one can achieve the desired effect.