@charset "utf-8";

    ul#index {
        margin-left:0; padding-left:0; 
        align-self:center
      }
    ul#index li {
        border: 1px solid #333; padding: 1px; width:1.5em; margin-bottom:0.5px;
        background: #999;
        border-bottom-right-radius: 50%;
        list-style-type:none;
        font-family: Georgia, serif;
        text-align:center 
      }
    ul#index li a, 
    ul#index li a:link,
    ul#index li a:active,
    ul#index li a:visited{
        font: 900 normal;
        text-transform:lowercase; font-variant:small-caps;
        text-decoration:none;
        color:#fff
      }
    ul#index li a:hover{
        font-weight: bolder;
        color: #ff6; 
      }
    ul#index li.vowel a:hover{
        color: #9ff; 
      }
    ul#index li.Y:hover{
        text-shadow: 2px 2px 3px #9ff
    }


/*
 .sticky 

   Stick your landings! position: sticky lands in WebKit 
   by  Eric Bidelman 
   (https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit)
*/

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 15.25ex;
}