@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url("/css/password.ttf");
}

input.key {
  font-family: 'password';
}

html {
   font-size: 20px;
   background: #ececec;
}

input[type="text"] {
   width: 230px;
   border: 1px solid #ececec;
   border-radius: 3px;
   background: #dddddd;
   box-sizing: border-box;
}

input[type="submit"] {
   background-color: #33b056;
   border: 1px solid #33b056;
   border-radius: 3px;
   color: #fff;
   width: 230px;
   box-sizing: border-box;
}

input {
   padding: 7px;
   font-size: 20px;
   float: right;

}

clear-both {
   clear: both;
   display: block;
}

.login-content {

   display: block;
   margin: 50px auto 0 auto;
   width: 350px;
   padding: 10px 20px 20px 10px;

   color: #231f20;
}
a {
    color: #000;
    font-size: .8em;
    
}
p {
   padding: 20px 0; 
}

.recover {
    text-align: right;
    padding-right: 60px;
}

.label {
   padding: 10px 0 0 0;
   display: block;
   float: left;
}

.red {
    color: red;
}