title: Is it possible to make my footer fixed in the center and text keep on blinking with different colours
body: <p>This are my footer code. My aim is to have the footer in the center fixed and the text " welcome to tpopenhouse" keep on blinking with different colours</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>}
  .movement1 {
    /* footer movement*/
    
    height: 50px;
    background: #1976d2;
    position: relative;
    /*-webkit-animation: myfirst 1s 1; /* Safari 4.0 - 8.0 */
    
    -webkit-animation-direction: alternate;
    /* Safari 4.0 - 8.0 */
    
    animation: myfirst1 6s 100000;
    /*Time of animation and 5s and 100000 cycle of animation on refreshing*/
    
    animation-direction: alternate;
    */
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Footer --&gt;
  &lt;footer class="section  lighten-3 darken-2 white-text center " style="position:fixed;width: 80%;;bottom:0"&gt;
    &lt;p class="flow-text movement1"&gt; #TPOpenhouse &amp; Stand To Win Prizes &lt;/p&gt;
    &lt;!-- Footer text --&gt;
  &lt;/footer&gt;</code></pre>
  </div>
  </div>
  </p>