*{box-sizing:border-box;margin:0;padding:0}body{font-size:16px;font-family:segoeui,sans-serif;color:#222;background-color:#fff}.hero,header{display:flex;position:relative}header{flex-direction:column;padding-bottom:60px}header .logo{padding:27px 15px 21px}.hero{background-image:url(/img/hero-img.jpg);background-size:cover;background-position:center;justify-content:center;height:120px}.hero-icon{margin-top:75px;height:99px;width:99px}.login-form{justify-content:center;width:350px}footer,main{display:flex;justify-content:center}.login-form-title{text-align:center;font-size:20px;background-color:#d8d8d8;height:63px;padding-top:18px;font-family:seguisb,sans-serif}.login-form form{background-color:#ececec;padding:20px 23px 32px}.login-form input{display:block;width:100%;height:40px;font-size:13px;padding-left:21px;border-radius:5px;border:0;margin-bottom:9px;font-family:segoeuisl,sans-serif}.login-form-bottom{display:fle;align-items:center;margin-top:15px}.login-form button{font-size:16px;line-height:40px;padding:0 25px;font-family:inherit;color:#fff;border-radius:5px;border:0;cursor:pointer;background-color:gray}.login-form button:hover{background-color:#454545}footer{padding:30px}.footer-copyright{font-size:14px;color:#484a4f}.err{color:red;text-align:center}