Styling Contact Form 7

I’m still a CSS beginner, and I’m having a heck of a time styling Contact Form 7. Here’s my test form:

<p>NAME<br />
    [text* class:tinyname 20/40 your-name] </p>
<p>E-MAIL<br />
    [email* class:tinyemail 20/40 your-email] </p>
<p>PRODUCT<br />
    [text* class:tinyproduct 20/40 your-product] </p>
<p>[submit class:tinysubmit " "]</p>

Here’s what I added to my stylesheet:

.wpcf7 .tinyname {height:25px; width:300px; margin-bottom:0px;}
.wpcf7 .tinysubmit {background:url(https://www.gorillamarketing.net/wp-content/themes/avalon/images/requestbutton.png) no-repeat;

The button image works. The stuff for tinyname does not. What am I doing wrong? Also, has anyone written up clear guidelines for styling this plugin?

https://www.ads-software.com/extend/plugins/contact-form-7/