.element-animation{
          animation: animationFrames ease 0.75s;
          animation-iteration-count: 1;
          transform-origin: 50% 50%;
          -webkit-animation: animationFrames ease 0.75s;
          -webkit-animation-iteration-count: 1;
          -webkit-transform-origin: 50% 50%;
          -moz-animation: animationFrames ease 0.75s;
          -moz-animation-iteration-count: 1;
          -moz-transform-origin: 50% 50%;
          -o-animation: animationFrames ease 0.75s;
          -o-animation-iteration-count: 1;
          -o-transform-origin: 50% 50%;
          -ms-animation: animationFrames ease 0.75s;
          -ms-animation-iteration-count: 1;
          -ms-transform-origin: 50% 50%;
        }

        @keyframes animationFrames{
          0% {
            left:0px;
            top:0px;
            opacity:0.8
            transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
          100% {
            left:0px;
            top:-30px;
            opacity:0;
            transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
        }

        @-moz-keyframes animationFrames{
          0% {
            left:0px;
            top:0px;
            opacity:0.8
            -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
          100% {
            left:0px;
            top:-30px;
            opacity:0;
            -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
        }

        @-webkit-keyframes animationFrames {
          0% {
            left:0px;
            top:0px;
            opacity:0.8
            -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
          100% {
            left:0px;
            top:-30px;
            opacity:0;
            -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
        }

        @-o-keyframes animationFrames {
          0% {
            left:0px;
            top:0px;
            opacity:0.8
            -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
          100% {
            left:0px;
            top:-30px;
            opacity:0;
            -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
        }

        @-ms-keyframes animationFrames {
          0% {
            left:0px;
            top:0px;
            opacity:0.8
            -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
          100% {
            left:0px;
            top:-30px;
            opacity:0;
            -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
          }
        }
        
        .bubble
        {
          background: #e02424;          
          position: relative;
          padding: 2px 6px;
          color: #fff;
          font: bold .9em Tahoma, Arial, Helvetica;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          float:left;
          margin-left:60px;
        }
        
        #message {
            margin: 25px 15px;
            font-size: large;
            text-align:center;
            background-color:#fff;
        }