core-shared-lib weirdness

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <title>Weather Widget</title>
    
    <script src="bower_components/platform/platform.js"></script>
    
    <style>
      @import url(//fonts.googleapis.com/css?family=Lato:300);
      
      body {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialised;
      }
      
      html {
        font-size: 1em;
        line-height: 1.5;
      }
      
      html, button, input, select, textarea {
        font-family: "Lato", sans-serif;
        color: #fcfcfc;
      }
      
      ::selection {
        background: #000;
        color: #ccc;
        text-shadow: none;
      }
      
      body {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #1d1f20;
      }
      
      body:after {
        content: " ";
        display: block;
        clear: both;
      }
    </style>
    
    <link rel="import" href="elements/city-weather.html">
  </head>
  <body>
    <city-weather
      apiKey="a29ff9469f2030b0066bc9b0c0cbda87"
      googleKey="AIzaSyAYMhYcHWcPoD1FdmysExGXYIBrxyuDAkM">
    </city-weather>
  </body>
</html>