body { 
  font-family: 'Times New Roman', Times, serif; 
  color: #293D47;
}

label { 
  display: block; 
  margin-top: 20px; 
}

input { 
  width: 80%; 
  padding: 10px; 
  margin-top: 4px; 
  font-family: 'Times New Roman', Times, serif;
}

textarea { 
  width: 80%; 
  height: 250px; /* もとの高さより大きめに設定 */
  padding: 10px; 
  margin-top: 4px; 
  font-family: 'Times New Roman', Times, serif;
}

button { 
  margin-top: 5px; 
  padding: 10px 20px; 
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* MetaMask接続ボタン */
#connectButton {
  background-color: #BE1738;
  border: none;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
}

#connectButton.connected {
  background-color: rgb(101, 226, 101);
  color: #293D47;
  font-family: monospace;
}

/* 文字数カウント */
#char-count {
  margin-top: 0%;
  font-size: 0.5em;
  color: #293D47;
}

/* 「書き込み中...」のアニメーション */
.loading {
  display: none;
  font-size: 0.8em;
  margin-top: 10px;
}

/* 「...」が点滅するアニメーション */
@keyframes dotsAnimation {
  0% { content: ""; }
  33% { content: "."; }
  66% { content: ".."; }
  100% { content: "..."; }
}

.dots::after {
  content: "";
  animation: dotsAnimation 1.5s infinite;
}

h2 {
  margin: 0cm;
  font-size: 400%;
  font-weight: 900;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h3 {
  font-size: 15px;
  font-weight: 900;
  max-width: 500px;
  margin-bottom: 1cm;
}