.login{
  width:320px;
  margin:0 auto;
  box-sizing:border-box;
  color:$color;
  padding:1em;
}
#login{
  input{
    width:100%;
    font-size:$f3;
    border:0;
    outline:none;
    margin-bottom:20px;
  }
  input[type="text"],input[type="password"]{
    padding:4px;
    border-radius:2px;
    box-sizing:border-box;
    height:48px;
    border:1px solid transparent;
    @include transition(400ms);
    background-color:rgba(#fff,.7);
    font-family:'home';
    //color:darken($link_hover_color,20%);
    color:$color;
    &:focus{
      border:1px solid darken($link_hover_color,10%);
      box-shadow: inset 1px 1px 7px rgba(#000,.6),inset -1px -1px 5px rgba($link_hover_color,.2);
      &::-webkit-input-placeholder {
        color:$link_hover_color;
      }
      background-color:#fff;
    }
    &::-webkit-input-placeholder {
      text-indent:.7em;
      @include transition(color 800ms);
    }
  }
}
#password{
  &::-webkit-input-placeholder {
    font-size:22px;
    text-indent:.6em!important;
  }
}
#submit{
  margin-top:20px;
  @include center(48px);
}