<!-- Import Polymer -->
<link rel="import" href="../bower_components/polymer/polymer.html">

<!-- Define my Custom Element -->
<polymer-element name="made-with-love" attributes="name url">
    <template>
        <style type="text/css">
            @-webkit-keyframes love {
                to { -webkit-transform: scale(1.1); }
            }

            @-moz-keyframes love {
                to { -moz-transform: scale(1.1); }
            }

            @keyframes love {
                to { transform: scale(1.1); }
            }

            .heart {
                display: inline-block;
                font-size: 1.4em;
                color: #ff79c6;
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                transform: scale(.9);

                -webkit-animation: love .5s infinite linear alternate-reverse;
                -moz-animation: love .5s infinite linear alternate-reverse;
                animation: love .5s infinite linear alternate-reverse;
            }

            .name {
                text-decoration: none;
            }
        </style>

        Made with <span class="heart">♥</span> <a href="{{ url }}" class="name">{{ name }}</a>
    </template>

    <script>
        Polymer({
            name: "Randson Oliveira",
            url: "https://github.com/randsonjs"
        });
    </script>
</polymer-element>

<!-- Import Polymer -->
<link rel="import" href="../bower_components/polymer/polymer.html">

<!-- Define my Custom Element -->
<polymer-element name="made-with-love" attributes="name url">
    <template>
        <style type="text/css">
            @-webkit-keyframes love {
                to { -webkit-transform: scale(1.1); }
            }

            @-moz-keyframes love {
                to { -moz-transform: scale(1.1); }
            }

            @keyframes love {
                to { transform: scale(1.1); }
            }

            .with-love {
                color: #333;
            }

            .with-love .heart {
                display: inline-block;
                font-size: 1.4em;
                color: #ff79c6;
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                transform: scale(.9);

                -webkit-animation: love .5s infinite linear alternate-reverse;
                -moz-animation: love .5s infinite linear alternate-reverse;
                animation: love .5s infinite linear alternate-reverse;
            }

            .with-love .name {
                color: #333;
                text-decoration: none;
            }

            .with-love .name:hover {
                color: #666;
            }
        </style>

        <div class="with-love">
            Made with <span class="heart">♥</span> <a href="{{ url }}" class="name">{{ name }}</a>
        </div>
    </template>

    <script>
        Polymer({
            name: "Randson Oliveira",
            url: "https://github.com/randsonjs"
        });
    </script>
</polymer-element>

Add default color for anchors and text
Add default color for anchors and text
