li {
  float: left;
  padding-left: 10px;
  }
  ul {
   color: #000000;
   text-align: center;
   font-family: verdana;
   font-size: 18px;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   display: block;
   list-style-type: none;
  }
  body {
   background-size: 100vw;
   background-attachment: scroll;
   background-position: 50% 1%;
   background-image: url(stars.gif);
   overflow-x: hidden;
  }
  .button {
   filter: sepia(150), hue-rotate(290deg);
   height: 75px;
   width: 75px;
   border-style: solid;
   border-right: outset;
   border-bottom: outset;
   border-color: #e53737;
   border-width: thick;
   border-radius: 7px;
   background-color: white;
   margin: 4px;
  }
  
  .button > img {
   display: block;
   height: 75px;
   width: 75px;
  }
  
  a {
   color: #8c38be;
   text-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
   text-decoration-line: none;
  }
   a:hover {
    color: #462850;
    /*font-style: italic;*/
   }
  img.bounce:hover{
   transform: scale(103%);
  }
img.bounce:active{
   transform: scale(95%);
  }
  img.press:hover{
   transform: scale(105%);
   filter: drop-shadow(-1px -1px 4px #5f2781);
  }
  img.press:active {
   transform: scale(90%);
  }
  .box {
   background-image: linear-gradient(to right, #eee, #bbb);
   /*background-image: url(CrabNebula.jpg);*/
   background-position-y: center; 
   border-color: #993dd0;
   background-color: white;
   border-style: solid;
   height: 50px;
   width: 105vw;
   position: fixed;
   top: 6px;
   z-index: 3;
  }
  .section {
   margin-top: 36vw;
   margin-left: 15vw;
   margin-right: 15vw;
  }
  .blog {
   font-family: verdana;
   color: white; 
   border-top: outset;
   border-left: solid;
   border-right: outset;
   border-bottom: outset;
   border-width: 4px; 
   border-color: #993dd0; 
   border-radius: 15px;
   padding: 15px;
   background-image: linear-gradient(to top left, #262626, #333);
   margin-left: 50px;
   margin-right: 50px;
   filter: drop-shadow(-1px -1px 16px #5f2781);
  }
  .bounce {
   border-radius: 4px;
   margin: auto;
   filter: drop-shadow(1px 1px 2px #222);
  }
.spacer{
   height: 8px;
   margin-top: 10px;
   margin-bottom: 15px;
   margin-left: 20px;
   margin-right: 20px;
   border-top: dotted;
   border-left: none;
   border-right: none;
   border-bottom: none;
   border-width: 4px; 
   border-color: #993dd0; 
   filter: drop-shadow(0 0 4px #993dd0);
   
}
div > p {
    padding-right: 10px;
}
ol > li > a {
 color: white;
}
ol > li > a:hover {
 color: #c071ff;
}