.border-1 {
  padding: 5px;
  margin-bottom: 10px;
  border-width: 3px;
  border-radius: 5px;
  border: solid #f0f0f0;
}
.decode-section {
  min-height: 6rem;
  padding: .375rem;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.decode-section.header {
  border-color: #fb015b;
}
.decode-section.payload {
  min-height: 15rem;
  border-color: #d63aff;
}
.decode-section.summary {
  border-color: #0c0c0c;
}
.token.operator {
  background-color: inherit;
}
.col.align-right {
  text-align: right;
}
label {
  font-weight: bold;
}
small {
  font-size: small;
}
.github-link {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  z-index: 9999;
}
#link {
  display: none;
}
.header {
  display: flex;
  align-items: center;
}
.header .logo {
  height: 2.5em; /* This will make the logo the same height as the text in the h1 */
  margin-right: 5px; /* Optional: add some space between the logo and the text */
}