title: Make inputs the same width
body: <p>I have three inputs on my page. Two textboxes and one submit button. I have styled them with css but I just cannot get the button the same width as the textboxes.
  It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/lbWCP.png" alt="enter image description here"></p>
  
  <p>This is my Code:</p>
  
  <pre><code>     &lt;div id="overlay"&gt;
          &lt;div id="overlay_close" onclick="toggleView()"&gt;&lt;i class="fa-close fa"&gt;&lt;/i&gt;&lt;/div&gt;
  
  &lt;form action="login.php" method="POST"&gt;
          &lt;input type="text" name="user" placeholder="Nutzername"&gt;
          &lt;input type="password" name="pass" placeholder="Password"&gt;
          &lt;input type="button" name="submit" value="Einloggen!" id="overlay_button"&gt;
  &lt;/form&gt;
  
  &lt;div id="signup"&gt;Hast du noch keinen Account? Melde dich &lt;a href="#"&gt;hier&lt;/a&gt; an.&lt;/div&gt;
      &lt;/div&gt;
  
  
  &lt;style type="text/css"&gt;
  
  #overlay{
      height: 100%;
      width: 100%;
      z-index: 100;
      background: white;
      position: fixed;
      top: 0;
      left: 0;
      display: none;
      color: black;
  }
  
  #overlay_close{
      color: #800000;
      font-size: 200%;
      position: fixed;
      display: inline-block;
      right: 0px;
      top: 0px;
      padding: 10px;
      cursor: pointer;
  }
  
  #overlay form{
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 1;
  
  }
  
  #overlay form input{
  
      font-family: "Raleway";
      padding: 10px;
      outline: none;
      font-size: 200%;
      border: 1px solid grey;
      display: block;
      margin: 5px;
      width: 100%;
  
  }
  
  #overlay_button{
      background-color: #167AC6 ;
      color: white;
      cursor: pointer;
      width: 100%;
  
  }
  
  #signup{
      position: fixed;
      text-align: right;
      bottom: 0px;
      right: 0px;
  }
  
  #signup a{
      color: #800000;
  }
  
  
  
  &lt;/style&gt;
  </code></pre>
  
  <p>How can I get the buttons width to be the same as the width of the textboxes?</p>