body {
  width: 100%;
  height: 100%;
}

svg {
  width: 1rem;
  height: auto;
}

/* Navbar */
.navbar-main .navbar-nav > li > a {
  padding: 1rem !important;
}

.navbar-brand {
  font-size: 1.2rem;
  color: var(--gray-100);
}

.navbar-logo {
  max-height: 1.85rem;
  height: 1.85rem;
}

.navbar-custom-toggler {
  padding: 0.3rem 0.5rem;
  background-color: transparent;
  border-radius: 0.25rem;

  color: var(--gray-300);
  border-color: var(--gray-300);
}

.navbar-custom-toggler > svg {
  width: 1.75rem;
  height: 1.75rem;
}

.navbar-custom-toggler:hover {
  color: var(--gray-200);
  border-color: var(--gray-200);
}

/* Index presentation */
.index-header-container {
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg id='10015.io' viewBox='0 0 640 640' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='pattern' x='0' y='0' width='62' height='62' patternUnits='userSpaceOnUse' patternTransform='translate(30, 30) rotate(0) skewX(0)'%3E%3Csvg width='32' height='32' viewBox='0 0 100 100'%3E%3Cg fill='rgba(63, 136, 253, 0.1)' opacity='1'%3E%3Cpath d='M49.9629 50.0251L99.9262 25.0325V75.0071L49.9629 99.9999V50.0251Z' opacity='0.6'%3E%3C/path%3E%3Cpath opacity='0.2' d='M0 75.0063L49.9633 99.9992V50.0246L0 25.0317V75.0063Z'%3E%3C/path%3E%3Cpath d='M50 8.50527e-06L0 25.005L50 50.01L100 25.005L50 8.50527e-06Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='%23ffffff'%3E%3C/rect%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23pattern)'%3E%3C/rect%3E%3C/svg%3E");
}

.index-badge {
  font-size: 85%;
}

.index-header {
  font-size: 3rem;
  line-height: 1.25;
}

.index-btn {
  font-weight: 500;
  padding: 0.45rem 1.3rem;
}

.index-btn svg {
  width: 1.25rem;
  height: auto;
}

@media (min-width: 992px) {
  .index-header {
    font-size: 4rem;
  }
}

.index-feature-icon {
  width: 3.25rem;
  background: #0d43c9;
  height: 3.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 50%;
}

.index-feature-icon svg {
  width: auto;
  height: 1.5rem;
}

/* Custom PRE container */
.pre-custom {
  background: var(--gray-300);
  padding: 2rem;
  font-size: 0.75rem;
}

/* Footer */
.footer {
  padding: 3rem 0;
  background: var(--gray-50);
}

.footer-social-icon {
}

.footer-social-icon svg {
  width: auto;
  height: 1.25rem;
  fill: var(--gray-500);
}

.footer-social-icon:hover svg {
  fill: var(--gray-700);
}