<title>Form Styling</title> <style> * {

    /* 
    -May want to add "border-box for "box-sizing so padding does not affect width
    -Reset margin and padding 
   */
   box-sizing:border-box;
   margin:0;
   padding:0;
  }

  body {
    font-family:'Raleway',san-self;
    
    Background-color:#344a72;
    color:#fff;
    line-height:1.8;
    
  }

  a {
   
   text-decoration:none;
  }

  #container {
   
    max-width:400px;
    margin:30px auto;
    padding:20pax;


    
  }

  .form-wrap {
   
    background:white;
    padding:15px 25px;
    color:#333;
    border-radius:20px;

  }

  .form-wrap h1,
  .form-wrap p {

    text-align:center;
   
  }

  .form-wrap .form-group {
    margin-top:15px;


   
  }

  .form-wrap .form-group label {
    display:block;
    color:#666;

    
  }

  .form-wrap .form-group input {
    width:100%;
    padding:10px;
    border:#ddd 1px solid;
    border-radius:5px;

   
  }

  .form-wrap button {
    display: block;
    background:#49c1a2;
    width:100%
    
  }

  .form-wrap button:hover {
    background:#37a08e;


   
  }

  .form-wrap .bottom-text {
    font-size:13px;
    margin-top:20px;
    
  }

  .btn{
    height:50px;
    border-radius:10px;
    margin-top:50px;
    font-size:26px;
    color:white;

  }

  footer {
    text-align:center;
    margin-top:10px;
   
  }

  footer a {
   color:#49c1a2;
  }
</style>

Sign Up

It's free and only takes a minute

First Name

Last Name

Email

Password

Confirm Password

Sign Up

By clicking the Sign Up button, you agree to our Terms & Conditions and Privacy Policy

Already have an account? Login Here