title: How to style my email form?
body: <p>I'm 15 days into learning to code. I did the HTML modules on Freecodecamp, and I've started a mini project on CodePen. I've found I've already forgotten a ton, but I want to crack on with the project as that's what's helping me learn stuff. </p>
  
  <p>My mini-project is a sign up form. Currently only email, but later I want to add first/last name plus other data points. However I want to know how to style the box of the email so it can be a bit bigger, plus I want to be able to make the text next to my checkbox smaller. But I've gotten stuck on both parts. I used a basic template for the form and adjusted it from there, but I'm really stuck on the styling.</p>
  
  <p>My code is below. Am I along the right lines?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!--- These are my sign up form elements ---&gt;  
  &lt;div class="myForm"&gt;&lt;b&gt;Below is a form&lt;/b&gt;&lt;/div&gt;&lt;/br&gt;
  
  &lt;label for="email"&gt;
    &lt;input type="text" placeholder="Enter Email" name="email" required&gt;
    &lt;/br&gt;&lt;/br&gt;
  &lt;/label&gt;
  
  &lt;label&gt;
    &lt;button type="submit" class="signupbtn"&gt;Sign me up!&lt;/button&gt;
    &lt;/br&gt;
    &lt;/br&gt;
  &lt;/label&gt; 
  
  &lt;label&gt; 
   &lt;input type="checkbox"&gt; I agree to the terms and conditions &lt;a      href="wwww.thisisawebsite.com"&gt;here&lt;/a&gt;&lt;/input&gt;
  &lt;/label&gt; 
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
    font-family: Verdana,Arial,sans-serif;
    font-size: 18px;
  }
  
  p {
    font-size: 14px;
  }
  
  .myForm{
    font-family: Verdana,Arial,sans-serif;
    width: 200px;
  
  }
  
  button {
    background-color: #4CAF50;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    padding: 8px; 
  }
  
  label[for=email] {
    font-size: 20px; 
  }
  </code></pre>