.indexPage {
     width: 900px;
   }

   h3 {
     background-color: rgb(114, 135, 132);
     color: #203030;
     font-size: 16px;
     font-weight: normal;
     width: calc(100% - 8px);
     padding: 10px 0px 10px 10px;
     margin: 8px 0px 4px 0px;
     line-height: 1.2;
   }

   ul {
     line-height: 1px;
     list-style-type: none;
     word-wrap: break-word;
   }

   li.howToLink {
     font-size: 14px;
     width: calc(100% - 8px);
     line-height: 1.4;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }

   a:link,
   a:visited,
   a:hover,
   a:active {
     color: var(--dark);
     text-decoration: none;
     transition: 0.3s ease-out;
   }

   a:hover {
     background-color: darkgoldenrod;
     color: #052a10;
     padding: 4px 14px 4px 0px;
   }

   #up a:hover {
     background-color: transparent;
     color: black;
     padding: 0px;
     box-shadow: none;
   }

   #copy a:hover {
     background-color: transparent;
     text-decoration: underline;
     padding: 0px;
   }

   @media only screen and (max-width: 640px) {
     li .pad12 {
       font-size: 14px;
     }
   }