body {
  background-color: #fffacd; /* 全体を黄色にする */
  margin: 0;
  font-family: Arial, sans-serif;
}

.font-weight-bold {
  text-align: center;
  margin: 80px;
  font-size: 2.5rem;
  font-family: "Verdana", sans-serif;
  font-weight: bold;
  font-style: italic;
  background: linear-gradient(90deg, #0c0c0c, #625d5e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  top: -1px;
}

.mb-3 {
  margin: 50px;
}

.text-link hover {
  text-decoration: underline;
}

.text {
  list-style: none;
  margin: 10px;
  padding: 0;
}

.text-link {
  text-decoration: none;
  color: #000;
  margin: 0px;
  text-decoration: underline;
}

.password-reseet {
  text-decoration: none;
  color: #000;
  margin: 0px;
  text-decoration: underline;
}

.google-login {
  text-decoration: none;
  color: #000;
  margin: 0px;
  text-decoration: underline;
}

.error-message {
  color: #dc3545; /* エラーメッセージを赤くする */
  font-size: 0.875rem; /* 小さめのフォントサイズ */
  margin-top: 0.25rem; /* ボックスとの間に余白を追加 */
  position: relative;
  right: 17%;
}

@media (min-width: 1200px) {
  .error-message {
    color: #dc3545; /* エラーメッセージを赤くする */
    font-size: 0.875rem; /* 小さめのフォントサイズ */
    margin-top: 0.25rem; /* ボックスとの間に余白を追加 */
    position: relative;
    right: 32%;
  }
}