<dom-module id="shared-styles">
  <template>
    <style>
      .content {
        background-color: white;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        margin: 20px;
      }

      .content-center {
        display: flex;
        min-width: 100vh;
        min-height: calc(100vh - 64px);
      }
    </style>
  </template>
</dom-module>

<link rel="import" href="../../shared-styles.html">

<dom-module id="forgotpass-view">
  <template>
    <style include="shared-styles">
      :host {
      }
    </style>

    <content-card id="contentCard"></content-card>
  </template>

  <script>
    class ForgotPassView extends Polymer.Element {
      static get is() {
        return 'forgotpass-view';
      }
    }

    window.customElements.define(ForgotPassView.is, ForgotPassView);
  </script>
</dom-module>