form with strip background and css animation bubbles

<form id="myForm" action="">

  <div class="inputinfo">

    <label for="Name">Name</label>

    <input type="text" id="Name" required>

  </div>

  <div class="inputinfo">

    <label for="Email">Email</label>

    <input type="email" id="email" required>

  </div>

  <div class="inputinfo">

    <label for="Password">Password</label>

    <input type="password" id="password" placeholder=" " pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required>

    <div class="form_requirements">Your password must be at least 6 characters as well as contain at least one uppercase, one lowercase, and one number.

    </div>

  </div>

  <button type="submit">Submit</button>

</form>

<ul class="bg-bubbles">

  <li class="shape n1"></li>

  <li class="shape n2"></li>

  <li class="shape n3"></li>

  <li class="shape n4"></li>

  <li class="shape n5"></li>

  <li class="shape n6"></li>

  <li class="shape n7"></li>

  <li class="shape n8"></li>

</ul>

​