title: HTML form input text not showing
body: <p>My page is not showing the input text from my form. Whenever I select the text box, it glows but it does not accept text. </p>
  
  <p>I know there's something wrong with my CSS, but I can't seem to figure out the problem.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="container" id="signin"&gt;
      &lt;h2&gt;Sign in&lt;/h2&gt;
      &lt;form method="post" action="index.html"&gt;
          &lt;!-- &lt;input style="display:none" type="password" name="fakepasswordremembered"/&gt; --&gt;
          &lt;input type="text" name="password" placeholder="Password" &gt;
          &lt;br /&gt;
          &lt;input class="button" type="submit" name="commit" value="Login" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>a {
      text-decoration: none;
      position: absolute;
      right: 0;
      text-align: right;
      color: #fff;
  }
  a:hover {
      text-decoration: underline;
  }
  
  .container {
      position: fixed;
      top: 50%;
      left: 50%;
  
      width: 55%;
      padding: 30px 0;
  
      transform: translate(-50%, -50%);
      text-align: center;
  
      color: #fff;
      background: rgba(0,0,0,0.3);
  }
  
  #signin, #close {
      display: none;
  }
  
  #signin {
      width: 35%;
  }
  </code></pre>