Flowers signup form in HTML CSS

<html>
  <head>
    <style>
    body{
      background-image:url("a2.jpg");
      margin: 0;
    }
    div{
      width: 80%;
      height: 65%;
      background-color: rgba(250,250,250,0.15);
      position: absolute;
      top:15%;
      left: 10%;
      text-align: center;
      border-radius: 5px;
    }
    input {
      padding: 10px;
      font-size: 16px;
      margin-bottom: 20px;
      margin-top: 10px;
      border: 2px solid black;
      border-radius: 12px;
    }
    input[type=submit]{
      background-color: #2222ff;
      color: white;
      width: 50%;
      border: 1px solid white;
    }
    fieldset{
      border-radius: 10px;
    }
    #p1{
      color: #0000ff;
      font-size: 24px;
    }
    #p2{
      color: white;
      font-size: 24px;
    }
    </style>
  </head>
  <body>
    <div>
      <fieldset>
        <legend><b><span id="p1">Sign</span><span id="p2">up</span></b></legend>
        <input type="text" placeholder="username">
        <input type="text" placeholder="email">
        <input type="password" placeholder="password">
        <input type="password" placeholder="confirm password"><br>
        <input type="submit" value="sign up">
      </fieldset>
    </div>
  </body>
</html>