*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background-color:slategrey;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}body{font-family:'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;height:100%;background-color:rgba(0,0,0,0)!IMPORTANT}.wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fafafa}.login-form{width:350px;margin:50px auto 0 auto;border:1px solid #ddd;padding:2rem;background:#363b43}.form-input{background:#fafafa;border:1px solid #eee;padding:12px;width:100%}.form-group{margin-bottom:1rem}.form-button{background:#ceebf1;border:1px solid #ddd;color:#0e0d0d;padding:10px;width:100%;text-transform:uppercase}.form-button:hover{background:#69c8e7}.text-center{color:white;margin-bottom:15px;text-align:center}.img{height:100%;width:100%}.warnMessage{font-size:larger;text-align:center;color:#e30404}.message{font-size:small;text-align:center;color:white}.infoMessage{font-size:small;font-weight:bold;text-align:center;color:red}.loginInput{width:100%;min-height:35px;padding:12px;border:1px solid #eee}