/* particleground demo */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;font-family: 'Open Sans', sans-serif;
  height: 100%;
  overflow: hidden;
  background: #ddd;
}

.forgot_area {
  background: #717171;
  color: #fff;
  width: 393px;
  margin: 0 auto;
  padding: 10px;
  box-shadow: 1px 2px 2px #3c3c3c;
  margin-top: 5%;
}
.forgot_area > img {
  width: 38%;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
}

.forgot_area{
  background: rgba(58,103,147,1);
background: -moz-linear-gradient(-45deg, rgba(58,103,147,1) 0%, rgba(58,103,147,1) 6%, rgba(45,88,128,1) 24%, rgba(31,130,222,1) 70%, rgba(58,103,147,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(58,103,147,1)), color-stop(6%, rgba(58,103,147,1)), color-stop(24%, rgba(45,88,128,1)), color-stop(70%, rgba(31,130,222,1)), color-stop(100%, rgba(58,103,147,1)));
background: -webkit-linear-gradient(-45deg, rgba(58,103,147,1) 0%, rgba(58,103,147,1) 6%, rgba(45,88,128,1) 24%, rgba(31,130,222,1) 70%, rgba(58,103,147,1) 100%);
background: -o-linear-gradient(-45deg, rgba(58,103,147,1) 0%, rgba(58,103,147,1) 6%, rgba(45,88,128,1) 24%, rgba(31,130,222,1) 70%, rgba(58,103,147,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(58,103,147,1) 0%, rgba(58,103,147,1) 6%, rgba(45,88,128,1) 24%, rgba(31,130,222,1) 70%, rgba(58,103,147,1) 100%);
background: linear-gradient(135deg, rgba(58,103,147,1) 0%, rgba(58,103,147,1) 6%, rgba(45,88,128,1) 24%, rgba(31,130,222,1) 70%, rgba(58,103,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6793', endColorstr='#3a6793', GradientType=1 );
}
.error{
  color: red;
padding: 2px;
border-radius: 4px;
}