RUN THE COFFEE

<!DOCTYPE html>
<html>
    <head>
        <title>Run the Coffee</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <style>
            *{margin:0;padding:0}.wrap-message{float:right;margin:60px 100px}p{color:#000;font-family:'Indie Flower', cursive;font-size:4em;text-shadow:0 0 4px rgba(0,0,0,.8)!important}p span{color:#29bf63;font-weight:bolder;text-shadow:none!important}.coffee-img{transition:all 200ms ease}
        </style>
    </head>
    <body>
        <div class = 'wrap-message'>
            <p>Run the Coffee! <span>:)</span></p>
        </div>
        <figure class = 'coffee-img'>
            <img src = 'icon.png' alt = '' width = '60' height = '60'>
        </figure>
        <script type="text/javascript">
             WebFontConfig={google:{families:["Indie+Flower::latin"]}};(function(){var e=document.createElement("script");e.src=("https:"==document.location.protocol?"https":"http")+"://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";e.type="text/javascript";e.async="true";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
        </script>
        <script src = 'jquery-2.0.3.min.js'></script>
        <script type = 'text/javascript'>
            $(document).ready(function(){var e=$(".coffee-img").css("position","absolute");$(this).mousemove(function(t){e.css({top:t.pageY,left:t.pageX})})})
        </script>
    </body>
</html>