*{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{height:100%}body{align-items:center;background:#eee;display:flex;flex-direction:column;font-family:Roboto,helvetica,arial,sans-serif;font-size:1.5em;justify-content:center}.login-form,body{position:relative}.login-form{background:rgba(0,0,0,.15);padding:2em;width:100%}.login-form:before{background:linear-gradient(90deg,#35c3c1,#00d6b7);content:"";height:2px;left:0;position:absolute;top:-2px;width:100%}@media screen and (min-width:600px){.login-form{max-width:15em;width:50vw}}.flex-row{display:flex;margin-bottom:1em}.lf--label{align-items:center;background:#f5f6f8;cursor:pointer;display:flex;justify-content:center;width:2em}.lf--input{border:0;color:#8f8f8f;flex:1;font-size:1rem;padding:1em}.lf--submit{background:linear-gradient(90deg,#35c3c1,#00d6b7);border:0;color:#fff;cursor:pointer;display:block;font-size:.75em;font-weight:600;padding:1em;text-shadow:0 1px 0 rgba(0,0,0,.2);width:100%}.lf--forgot{color:#00d6b7;font-size:.65em;margin-top:1em;position:relative;text-align:center}::-moz-placeholder{color:#8f8f8f}:-ms-input-placeholder{color:#8f8f8f}::placeholder{color:#8f8f8f}