html,
body {
  height: 100%;
}

.form-signin {
  max-width: 400px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin .login-title {
  font-family: "Noto Serif JP", sans-serif;
}

.form-signin input[name="unique_value"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.form-signin input[name="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .normal-button {
  height: 8vh;
  line-height: 1.8;
  font-size: larger;
}

.form-signin .line-button {
  mix-blend-mode: multiply;
  background: #06c755;
}

.form-signin .line-button-frame {
  border-radius: var(--bs-border-radius);
  background: rgba(0, 0, 0, 0);
}

.form-signin .line-button-frame:hover {
  background: rgba(0, 0, 0, 0.1);
}

.form-signin .line-button:active {
  mix-blend-mode: multiply;
  background: #06c755;
  border-color: rgba(0, 0, 0, 0);
}
.form-signin .line-button-frame:active {
  background: rgba(0, 0, 0, 0.3);
}

.line-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.line-button-text {
  padding-left: 20%;
  text-align: left;
  line-height: 1.8;
  font-size: larger;
  color: white;
}

/* .form-signin .line-button-frame {
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,0);
}
.form-signin .line-button-frame:hover {
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,0.1);
} */