#login {background:#fff;width:500px;max-width:90%;margin:65px auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border-radius:4px;box-shadow:0 2px 25px rgba(0,0,0,.2)}
#login h1{padding:35px 35px 0;font-weight:300}
#login .content{padding:35px;text-align:center}
#login .input-field{padding:12px 5px}
#login .input-field input{font-size:16px;display:block;font-family:rubik,sans-serif;width:100%;padding:10px 1px;border:0;border-bottom:1px solid #747474;outline:none;-webkit-transition:all .2s;transition:all .2s}
#login .input-field input::-webkit-input-placeholder{text-transform:uppercase}
#login .input-field input::-moz-placeholder{text-transform:uppercase}
#login .input-field input:-ms-input-placeholder{text-transform:uppercase}
#login .input-field input::-ms-input-placeholder{text-transform:uppercase}
#login .input-field input::placeholder{text-transform:uppercase}
#login .input-field input:focus{border-color:#222}
#login a.link{text-decoration:none;color:#747474;letter-spacing:.2px;text-transform:uppercase;display:inline-block;margin-top:20px}
#login .action{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
#login .action button{width:100%;border:none;padding:18px;font-family:rubik,sans-serif;cursor:pointer;text-transform:uppercase;background:#e8e9ec;color:#777;border-bottom-left-radius:4px;border-bottom-right-radius:0;letter-spacing:.2px;outline:0;-webkit-transition:all .3s;transition:all .3s}
#login .action button:hover{background:#d8d8d8}
#login .action button:nth-child(2){background:#2d3b55;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:4px}
#login .action button:nth-child(2):hover{background:#3c4d6d}