body.light {
    background-color: #fff;
    color: #000;
  }

  body.light * {
    color: #000;
  }

  body.dark {
    background-color: #000;
    color: #fff;
  }

  body.dark * {
    color: #fff;
  }

  body.dark .modal * {
    color: #000;
  }

  .btn-theme {
    position: fixed;
    top: 50%;
    left: -.2%;
    padding-left: 20px;
    border-radius: 0 50% 50% 0;
  }

  #header {
    user-select: none !important;
  }

  img {
    user-select: text !important;
    pointer-events: none !important;
  }

  .title {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
  }

  .bg-black {
    color: #fff !important;
    background-color: #000;
  }

  .bg-white {
    color: #000 !important;
    background-color: #fff;
  }

  @media (max-width:540px) {
    .nav-link {
      padding: 12px 8px;
    }
  }

  @media (max-width:400px) {
    .nav-link {
      font-size: 70%;
      padding: 8px 4px;
    }
  }