html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 50%;
  }
}

body {
  font-size: 1.4rem;
}
.btn-google, .btn-azure {
  width: 100%;
  border: .1rem solid #999999;
  background: white;
  color: #222;
  font-weight: 700;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  padding: 1.6rem 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-google span, .btn-azure span {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 1rem;
}
.btn-google span {
  background-image: url('/static/img/google.png');
}
.btn-azure span {
  background-image: url('/static/img/azure.png');
}
#login-form .form-control-lg {
  font-size: 1.4rem;
  padding: 1.6rem;
  border-radius: .4rem;
  display: flex;
  align-items: center;
}
::placeholder {
  color: #999;
}
#login-form input:not([type="checkbox"]), #login-form input:not([type="checkbox"]):focus, #login-form input:not([type="checkbox"]):focus-visible {
  width:100%;
  border: none;
  outline: none;
}
#login-form .form-control-lg:before {
  content: " ";
  width: 1.7rem;
  height: 1.7rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1.2rem;
}
#login-form .form-control-lg.icon-id:before {
  background-image: url('/static/img/id.svg');
  width: 2.1rem;
}
#login-form .form-control-lg.icon-email:before {
  background-image: url('/static/img/email.svg');
  width: 2rem;
}
#login-form .form-control-lg.icon-password:before {
  background-image: url('/static/img/password.svg');
  width: 1.6rem;
}
#login-form .form-check-input {
  /* display: none; */
}
#login-form .form-check {
  /* margin-left: 0;
  padding-left: 0; */
  font-size: 1.4rem;
}
#login-form .card {
  margin: auto 2.4rem;
}