*,::before,::after{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background:url(../images/circles-light.png)}.container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}form.login-form{width:100%;max-width:400px;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 0 5px 0 rgba(0,0,0,0.3)}.form-head{height:64px;line-height:64px;background:#1976D2;padding:0 15px}.form-head h3{color:#fff;font-weight:100}.form-input{padding:15px}.form-input .form-group{margin:10px 0}.form-input input[type='text'],.form-input input[type='password'],.form-input input[type='submit']{width:100%;height:40px;line-height:40px;padding:0 8px;border:1px solid #ccc}.form-input input[type='text']:focus,.form-input input[type='password']:focus,.form-input input[type='submit']:focus{outline:none;border-color:#1976D2}.form-input input[type='submit']{background:#1976D2;color:#fff;border:none}input[type="submit"]:hover{background:#2196F3}.form-error{color:#F44}.form-input .form-group a{display:inline-block;margin-right:15px;text-decoration:none;font-size:14px;color:#1976D2}.form-input .form-group a:hover{text-decoration:underline;color:#0D47A1}a,label.remember,input[type="submit"]{cursor:pointer}