tweak the color palette in index2 and add more of a fake readme

                  <div class="col-12 language-percentages">
                    <div style="background: #DBE0AA; width: 25%;" class="language-percent"></div>
                    <div style="background: #91B7F5; width: 15%;" class="language-percent"></div>
                    <div style="background: #288DF9; width: 10%;" class="language-percent"></div>
                    <div style="background: #DBE0AA; width: 33%;" class="language-percent"></div>
                    <div style="background: #91B7F5; width: 17%;" class="language-percent"></div>
                  </div>

              </div>
            </div>
            <div class="row flex-grow-1 align-items-end align-content-center">
              <div class="col-auto my-1">
                 <button class="btn btn-outline-secondary btn-lg">Branch (main) &#9660;</button>
              </div>
              <div class="col my-1">
                <button class="btn btn-primary btn-lg shadow-sm w-100">Clone &#9660;</button>
              </div>
            </div>

                      <a class="nav-link" href="#">Tags</a>
                    </li>
                  </ul>
⁣
                </div>
              </div>
            </nav>

      <div class="container px-4">
        <h1>Readme File Here</h1>
        <p>The repo's readme.md is printed out here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis sed quam sit amet tincidunt. Vivamus condimentum ac est nec fringilla. Mauris accumsan hendrerit pellentesque. Nullam iaculis vitae neque vel venenatis.
        <p>Integer non ligula est. Sed sit amet dui sed eros hendrerit lobortis et in eros. Donec ut sem ut dolor iaculis porttitor. Morbi nunc lectus, facilisis in risus sed, <code>vestibulum</code> volutpat mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra:</p>
        <ul>
          <li>per inceptos himenaeos.</li>
          <li>Aenean ultricies sollicitudin <code>imperdiet.</code></li>
          <li>Suspendisse nec felis quis lectus hendrerit tempus.</li>
        </ul>
        <p>Sed eu orci vulputate, hendrerit est at, lacinia est. Donec volutpat ipsum vel mauris fermentum pharetra. Ut pellentesque sem ut diam tincidunt malesuada. Vivamus a scelerisque mauris. Mauris blandit sit amet mi convallis facilisis.</p>

<h2>Vivamus non diam felis</h2>
Morbi tempor, <code>arcu eget dapibus posuere</code>, purus nunc pulvinar nulla, in congue felis ante vel neque. Curabitur facilisis convallis est et hendrerit. Vivamus eget rhoncus orci. Integer ut tristique ligula. Donec risus erat, fringilla aliquet quam at, commodo facilisis tellus. Mauris egestas erat dui, eget venenatis tortor viverra a. Donec sit amet nulla in orci efficitur maximus porta aliquet magna. Etiam eget pretium erat, ut porttitor libero. Etiam consectetur nulla auctor consequat gravida.
91B7F5
      </div>
    </div>
  </body>

  --bs-body-font-family: serif;
  --bs-body-bg: #DBE0AA;
  --bs-light-rgb: 233,234,222;
  --bs-secondary-bg-rgb: 230, 87, 80;
  /* --bs-secondary-bg-rgb: 103,121,245; blue */
}

  --bs-border-radius-lg: 1rem;
}

.text-light {
  color: rgb(244, 247, 213) !important
}

.btn-secondary {
  --bs-btn-bg: #666;
  --bs-btn-border-color: #666;
  --bs-btn-color: #DBE0AA;
}
.btn-outline-secondary {
  --bs-btn-bg: none;
  --bs-btn-border-color: rgb(244, 247, 213);
  --bs-btn-color: rgb(244, 247, 213) !important;
}
.language-percentages {
  font-size: 0;