一次对多个实体进行动画处理

Question

尝试使底部闪烁，就像您在顶部看到的一样。编码非常陌生，因此我敢肯定这很简单，但是对于我一生来说，我似乎无法弄清楚如何实现此目标-帮助！

querying Google, this site, various tutorials. 

    }
    h1 {
      color: Red; text-align:center; font-size:25px; text-decoration: underline;
    }
   I get thrown here - I have the P but where would I insert more css and how do I call it back at the bottom? >> p {
      color:darkblue; text-align: center; font-size:30px; 
    }
    div {  
      -webkit-animation-name: mymove;
      -webkit-animation-duration: 5s;
      -webkit-animation-iteration-count: infinite; 
      animation-name: mymove;
      animation-duration: 5s;
      animation-iteration-count: infinite;
    }
    @-webkit-keyframes mymove {
      0% {background-color: darkBlue; left 0px; top 0px;}

      25% {background-color: yellow; left:200 px; top: 0px}

    }
 - - - - -  - - - - - 
      <div class="header"><h1>
    Twinkies, Twinkies, Twinkies</h1></div>
    <p>
    <i>Your friendly hometown Twinkie emporioum!!!</i>
    </p>

    I don't care what color it blinks. I don't care about duration. I just want to know how I can add an effect to an H1 and a P tag simultaneously (please see fiddle link)? thank you!