* {
  outline: none;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
  box-sizing: border-box;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.6;
  background: #2E3A4C;
  color: #ffffff;
  display: block;
  height: 100%;
}

ul, li, p, dd, dl, dt, h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  list-style: none;
}

div:after, p:after, ul:after, li:after, ol:after, dl:after, dd:after, dt:after,
h1:after, h2:after, h3:after, h4:after, h5:after {
  clear: both;
  content: " ";
  display: block;
  overflow: hidden;
}

input {
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none !important;
}
input:focus {
  outline: none !important;
  box-shadow: none !important;
}
input:-webkit-autofill {
  -webkit-background-image: none !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-transition: background-color 50000s ease-in-out 0s !important;
  transition: background-color 50000s ease-in-out 0s !important;
}

.container {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.form-wrapper {
  width: 400px;
  display: block;
  margin: 0 auto;
  padding: 100px 0;
}

.form-header {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
}

.form-group {
  clear: both;
  display: block;
  margin-bottom: 30px;
}
.form-group .input-group {
  display: flex;
  align-items: center;
  background-color: #293443;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
}
.form-group .input-group:focus {
  border-color: #CCCCCC;
}
.form-group .input-group .svg {
  width: 40px;
  color: #CCCCCC;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}
.form-group .form-control {
  background: none;
  border: 0;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  height: 40px;
}
.form-group .form-control::-webkit-input-placeholder {
  color: #9BA0AA;
}
.form-group .invalid-feedback {
  font-size: 14px;
  color: #e3342f;
  margin-top: 3px;
}
.form-group h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
.form-group .btn-login {
  background-color: #1B90FF;
  color: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 0.25rem;
  height: 40px;
}
.form-group .btn-login:hover {
  color: #fff;
  background-color: #198AFA;
  border-color: #198AFA;
}