.login{width:400px;margin:0 auto;margin-top:20px}.login-icon{width:3rem}.login-icon svg{width:100%;fill:#1da1f2}.login-header h2{font-size:2rem;font-weight:#000;color:#fff}.login-form{margin-top:2.5rem}.login-form>*{margin-top:2rem}.login-form-item{position:relative}.login-form-item+.login-form-item{margin-top:2.2rem}.login-form-item input{display:block;width:100%;font-size:1.2rem;background-color:transparent;color:#fff;font-weight:700;padding:.8rem 4px;border:1px solid rgba(101,119,134,.3)}.login-form-item input:focus{outline:none}.login-form-item input:focus~label,.login-form-item input:valid~label{transform:translateY(-3rem) scale(.85);left:0}.login-form-item label{position:absolute;left:5px;top:50%;color:#fff;transform:translateY(-50%);transition:.2s ease;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-user-select:none}.login-submit{background-color:#1da1f2;font-weight:700;text-align:center;border-radius:999px;padding:1rem;color:#fff;cursor:pointer}.login-footer{text-align:center;color:#1da1f2}.login-footer span.dot{margin:0 8px}@media screen and (max-width:414px){.login{width:80%}}