html {
  height: 100%
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff
}

.content {
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: auto
}

pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all
}

.gateway-form {
  width: 100%;
  max-width: 430px;
  padding: 15px;
  margin: auto
}

.card .hljs {
  border-bottom-left-radius: var(--bs-card-border-radius);
  border-bottom-right-radius: var(--bs-card-border-radius);
}

pre code.hljs {
  white-space: pre-line;
}

.logo {
  width: 6rem;
  height: 6rem
}

.form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px
}

.form-control:focus {
  z-index: 2
}

.copyright {
  text-decoration: none
}

.copyright:hover {
  text-decoration: underline
}

.btn-web {
  --bs-btn-color: #fff;
  --bs-btn-bg: #647bad;
  --bs-btn-border-color: #647bad;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #566fa4;
  --bs-btn-hover-border-color: #4d6393;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d6393;
  --bs-btn-active-border-color: #455882;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #647bad;
  --bs-btn-disabled-border-color: #647bad
}