body {
  font-family: "proxima-nova", sans-serif;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  opacity: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  vertical-align: -0.2em;
  width: 1em;
  height: 1em;
  border: 0.15em solid #0074d9;
  border-radius: 0.2em;
  margin-right: 0.3em;
  background-color: white;
}

input[type="radio"] + label:before {
  border-radius: 50%;
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
  background-color: #0074d9;
  box-shadow: inset 0 0 0 0.15em white;
}

input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before {
  outline: 0;
}

.btn {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 2rem;
  --bs-btn-padding-x: 3rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-link-color);
  --bs-btn-border-color: var(--bs-link-color);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);

  --bs-btn-focus-shadow-rgb: 22, 33, 77; /* RGB of #16214d */

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-link-active-color);
  --bs-btn-active-border-color: var(--bs-link-active-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-link-color);
  --bs-btn-disabled-border-color: var(--bs-link-color);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-border-color: var(--bs-link-color);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);

  --bs-btn-focus-shadow-rgb: 22, 33, 77; /* RGB of #16214d */

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-link-active-color);
  --bs-btn-active-border-color: var(--bs-link-active-color);

  --bs-btn-disabled-color: var(--bs-link-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-link-color);
}

.nav-pills {
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--bs-link-color);

  .nav-link {
    --bs-nav-link-color: var(--bs-link-color);
  }

  .nav-link:hover {
    background-color: var(--bs-link-hover-color);
    color: #fff;
  }

  .nav-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(22, 33, 77, 0.25); /* brand-colored glow */
  }

  .nav-link.disabled {
    color: rgba(22, 33, 77, 0.5);
    background-color: transparent;
  }
}

h1,
h2,
h3 {
  font-weight: 100;
}

.navbar {
  --bs-navbar-brand-padding-y: 1rem;
}
#logo img {
  width: 300px;
  margin-bottom: 60px;
}

label {
  font-size: 100%;
  font-weight: 300;
}

.login-page .login-box {
  padding: 100px 0;
}
.tokencontainer {
  background: rgb(247, 245, 240);
  padding: 5px;
  cursor: grab;
  overflow-wrap: break-word;
}
.tokencontainer:hover {
  text-decoration: underline;
}

pre {
  text-align: left;
  background: rgb(247, 245, 240);
  padding: 5px;
  font-size: 20px;
}

.string {
  color: cornflowerblue;
}