#demandhub {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 35px;
}

#demandhub .card {
  display: flex;
  flex-direction: column;
  width: 600px;
  background-color: #ffffff;
  box-shadow: 0px 0px 0px 1px rgba(18, 21, 26, 0.08),
    0px 2px 2px rgba(18, 21, 26, 0.04), 0px 2px 4px -2px rgba(18, 21, 26, 0.08);
  border-radius: 16px;
  padding: 0px;
  border: none;
}

#demandhub .card-header {
  width: 100%;
  height: 160px;
  background-color: #12151a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0px 0px;
}

#demandhub .card-header > img {
  width: 60%;
}

#demandhub .card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 15px 15px;
  text-align: center;
}

#demandhub .title {
  font-weight: 700;
  font-size: 24px;
  margin: 0px;
}

#demandhub .message {
  font-size: 16px;
  margin: 0px;
  padding: 0px 15px;
}

#demandhub .connect-btn {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 700;
  font-family: inherit;
  font-style: normal;
	text-transform: none !important;
	color: white;
	background: rgba(86,172,255,1);
  overflow: hidden;
	position: relative;
	border: 0px;
  border-radius: 2em;
	cursor: pointer;
	padding: 5px 15px 5px !important;
	vertical-align: middle;
	letter-spacing: normal;
}

#demandhub .input-token {
  width: 380px;
  text-align: center;
}

#demandhub .button.connect-btn {
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 700;
  font-family: inherit;
  font-style: normal;
	text-transform: none !important;
	color: white;
	background: rgba(86,172,255,1);
  overflow: hidden;
	position: relative;
	border: 0px;
  border-radius: 2em;
	cursor: pointer;
	padding: 5px 15px 5px !important;
	vertical-align: middle;
	letter-spacing: normal;
}

#demandhub .sign-in-text {
  text-align: center;
}