linebreaker

<div class="wrapper"> <!-- PAGE LEVEL / CONTAINER TYPE - everything goes under here -->
  <div class="container"> <!-- CONTAINER TYPE - everything goes into this -->
    <div class="hldr"> <!-- SCOPEY CONTAINER TYPE - top logo type graphic goes under this -->
      <div class="graphic"> <!-- SPECIFIC CONTAINER TYPE - graphics object held here-->
      </div> 
    </div>
    <span class="spacer--vertical_30px"> <!-- SPACER - Vertical -->
    </span>
    <div class="input-container"> <!---->
      <span class="input-label">username</span> <!---->

linebreaker

<link rel="import" href="../paper-ripple/paper-ripple.html">
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="../core-ajax/core-ajax.html">
<link rel="import" href="../topeka-elements/category-icons.html">
<link rel="import" href="../core-icon/core-icon.html">

<polymer-element name="gdg-card">

  <template>
    <style>    

linebreaker

<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-item/core-item.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 240px;