title: CSS: Textarea animation doesn't work like Input animation
body: <p>I've got a problem with <code>textarea</code> animation.</p>
  
  <p>I  have some material designed form and I also use there some user-activated animations. They are working perfectly in <code>input</code> fields, but same settings for <code>textarea</code> doesn't work, I don't know why. </p>
  
  <p>Because everything (at least I checked it 5 times) have properties togeather, for example:</p>
  
  <pre><code> input, textarea {
        font-size: 20px;
   }
  </code></pre>
  
  <p>etc...</p>
  
  <p>I created a JSFiddle, where I copied my code, can please somebody look for my mistake? I'm thanksful for your time, have a nice day!</p>
  
  <p><strong>FIDDLE</strong>: <a href="https://jsfiddle.net/L1bup7y7/1/" rel="nofollow">https://jsfiddle.net/L1bup7y7/1/</a></p>
  
  <p>Btw: It's written in less, but I hope that's not a problem, however I used only pure CSS for example.</p>