<main>
<div id="wrapper">
  <section class="sky" ></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="cloud"></section>
  <section class="cloud"></section>
  <section class="cloud"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
    <section class="seven"></section>
  <section class="sky"></section>
  <section class="sky"> </section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section  class="twelve"></section>
  <section  class="twelve"></section>
  <section  class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section  class="empire"></section>
  <section  class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
    <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky" ></section>
  <section  class="sky"></section>
  <section  class="sky"></section>
  <section  class="sky"></section>
  <section  class="ten"></section>
  <section  class="ten"></section>
    <section class="ten" ></section>
  <section class="eleven"></section>
  <section  class="eleven"></section>
  <section  class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve" ></section>
  <section class="twelve"></section>
  <section  class="twelve"></section>
  <section  class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
    <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="nine"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="ten"></section>
    <section class="ten"></section>
  <section class="ten"></section>
  <section  class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
    <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
    <section class="window"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="sky"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="window"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
    <section class="empire"></section>
  <section class="window"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
    <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="window"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky" ></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
    <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="sky"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section  class="ten"></section>
  <section class="eleven"></section>
  <section class="window"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
    <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="sky"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="sky"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
    <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="window"></section>
  <section class="nine"></section>
  <section  class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
    <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="window"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <sectio class="empire"></sectio>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
    <section class="buildingSix"></section>
  <section class="window"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"> </section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="window"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
    <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section  class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="window"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
    <section class="window"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="window"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="window"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="window"></section>
  <section  class="eight"></section>
    <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="window"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven" ></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
    <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="window"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
<section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="window"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
    <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="window"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
    <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="window"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
    <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="window"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
    <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
    <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section  class="twelve"></section>
  <section  class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
    <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="window"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="window"></section>
  <section class="buildingFive"></section>
    <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="window"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section  class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
    <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
    <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="window"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section class="eight"></section>
  <section class="eight"></section>
  <section class="eight"></section>
  <section class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
    <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
    <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
    <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="window"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
    <section class="window"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo" ></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="window"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
    <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
    <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
    <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="window"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="window"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="buildingOne"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="empire"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingSix"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
    <section class="buildingTwo"></section>
  <section class="buildingTwo"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="buildingThree"></section>
  <section class="window"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="buildingFour"></section>
  <section class="seven"></section>
  <section class="seven"></section>
  <section  class="eight"></section>
  <section  class="eight"></section>
  <section  class="window"></section>
  <section  class="eight"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="buildingFive"></section>
    <section class="buildingFive"></section>
  <section class="buildingFive"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="nine"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="ten"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="eleven"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
  <section class="twelve"></section>
   <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
   <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
   <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
   <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
   <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>
  <section class="water"></section>

  

</div>
</main>

main {
  height: 95vh;
  margin: 0 auto;
display: flex;
  justify-content: center;
  align-items: center;
}
div{
  width: 825px;
  height: 450px;
  display: grid;
  grid-template-rows: repeat(30,15px);
  grid-template-columns: repeat(55, 15px);
/*  background: blue; */
/*   margin: 0 auto; */
/*   border: 1px solid black; */
}

div > * {
/*   border: 1px solid  white; */
}

.cloud{
  background: #ddd;
  animation: cloud 8s infinite ease-in;
}
@keyframes cloud{
  0%{background: #ddd;}
  35%{background: #222;}
  55%{background: #222;}
  100%{background: #ddd;}
}
.sky {
/*   background: #88ccff; */
  background: rgba(100, 200, 220, .5);
  animation: sky 8s infinite ease-in;
}

@keyframes sky{
  0%{
    background: rgba(100, 200, 220, .5);
  }
  
  35%{
    background: #220066;
  }
  
  55%{
        background: #220066;
  }
  100%{
     background: rgba(100, 200, 220, .5);
  }
}
.water{
  background: rgb(57,70,119);
  animation: water 8s infinite ease-in;
}

@keyframes water{
  0%{
    background: rgb(57,70,119);
  }
  
  35%{
    background: rgb(10,10,80);
  }
  55%{
    background: rgb(10,10,80);
  }
  
  100%{
    background: rgb(57,70,119);
  }
}

.empire{
/*   background: rgb(126,109,105); */
  background: #197308;
/*   border: 1px solid black; */
    animation: empire 8s infinite ease-in;
}
@keyframes empire{
  0%{
      background: #197308;
  }
  35%{
    background: black;
  }
  55%{
    background: black;
  }
  100%{
    background: #197308;
  }
}

.buildingOne{
/*   background: gray; */
  background: #9f7db1;
      animation: buildingOne 8s infinite ease-in;
}

@keyframes buildingOne{
  0%{ background: #9f7db1;}
  35%{ background: black;
  }
  55%{
    background: black;
  }
  100%{background: #9f7db1;}
}

.buildingTwo{
  background: #12f59b;
/*   background: black; */
      animation: buildingTwo 8s infinite ease-in;
}

@keyframes buildingTwo{
  0%{ background: #12f59b; }
  35%{ background: black;}
  55%{
    background: black;
  }
  100%{ background: #12f59b;}
}

.buildingThree{
  background: #c85285;
/*   background: black; */
  animation: buildingThree 8s infinite ease-in;
}
@keyframes buildingThree{
  0%{  background: #c85285;
}
  35%{ background: black;}
  55%{
    background: black;
  }
  100%{  background: #c85285;
}
}

.buildingFour{
  background: #f5bc43;
/*   background: black; */
   animation: buildingFour 8s infinite ease-in;
}
@keyframes buildingFour{
  0%{  background: #f5bc43;
}
  35%{
    background: black;
  }
  55%{background: black}
  100%{  background: #f5bc43;
}
}

.buildingFive{
  background: #0088aa;
/*   background: black; */
    animation: buildingFive 8s infinite ease-in;
}
@keyframes buildingFive{
  0%{   background: #0088aa;
}
  35%{ background: black;}
  55%{background: black;}
  100%{  background: #0088aa;
}
}

.buildingSix{
  background: #216bc9;
/*   background: black; */
  animation: buildingSix 8s infinite ease-in;
}
@keyframes buildingSix{
  0%{   background: #216bc9;
}
  35%{ background: black;}
  55%{ background: black;}
  100%{   background: #216bc9;
}
}

.seven{
  background: #d47692;
/*   background: black; */
  animation: seven 8s infinite ease-in;
}
@keyframes seven{
  0%{background: #d47692;}
  35%{background: black;}
  55%{background: black;}
  100%{background: #d47692;}
}

.eight{
  background: #97c63d;
/*   background: black; */
  animation: eight 8s infinite ease-in;
}
@keyframes eight{
  0%{background: #97c63d;}
  35%{ background: black;}
  55%{background: black;}
  100%{background: #97c63d;}

}

.nine{
  background: #962009;
/*   background: black; */
  animation: nine 8s infinite ease-in;
}

@keyframes nine{
  0%{ background: #962009;}
  35%{background: black;}
  55%{background: black;}
  100%{background: #962009;}
  
}
.ten{
/*   background: yellow; */
  background: rgb(100,0,222);
  animation: ten 8s infinite ease-in;
}
@keyframes ten{
  0%{ background: rgb(100,0,222);}
  35%{background: black;}
  55%{ background: black}
  100%{background: rgb(100,0,222);}
}
.eleven{
/*   background: rgb(240,237,38); */
  background: rgb(0, 220, 100);
  animation: eleven 8s infinite ease-in;
}
@keyframes eleven{
  0%{background: rgb(0, 220, 100);}
  35%{ background: black;}
  55%{ background:black;}
  100%{background: rgb(0, 220, 100);}
}

.twelve{
  background: rgb(253,160,219);
/*   background: black; */
  animation: twelve 8s infinite ease-in;
}
@keyframes twelve{
  0%{background: rgb(253,160,219);}
  35%{ background: black;}
  55%{background: black;}
  100%{background: rgb(253,160,219);}
}
.window{
  background: #ffff99;
/*   background: FFFFE0 */
    animation: window 8s infinite ease-in;
/* animation-delay: 4s; */
}

@keyframes window{
  0%{background: white;}
  35%{background: yellow;}
  55%{backgrond: yellow;}
  100%{background: white;}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.