*,::before,::after{margin:0;padding:5px;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:#d9dadf;border-radius:22px;box-shadow: 2px 2px 2px 2px #c7bbd2;}.form-head{height:73px;line-height:64px;background: #4b637b;padding:0 15px ; border-radius: 10px;}.form-head h3{color:#fff;font-weight:100; text-align: center;
font-weight: bold;}.form-input{padding:15px;border-radius: 10px;background: #d9dadf;}.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;border-radius: 10px;border-style: dashed;}.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:#2d7224;color:#fff;border-radius: 37px;
    font-weight: bold;
    font-size: 20px;}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}