.penName {
   position: relative;
   width: 90px;
   height: 105px;
   background-position:center center;
   background-repeat:no-repeat;
   background-size: 250px 150px;
   background-image:url('images/Pen-Name-Animation.gif');
  }

  .penOverlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 90px;
   height: 105px;
   opacity: 0;
   transition: .5s ease;
   background-position:center center;
   background-repeat:no-repeat;
   background: url('images/Hover.png');
  }

  .penName:hover .penOverlay {
   opacity: 0;
   cursor: pointer;
  }

  .penText {
   margin-top: 42px;
   font-weight: bold;
   font-family: Calibri;
   letter-spacing: 2px;
   font-size: 20px;
   text-align:center;
   color: white;
   opacity: 1.0;
  }

  .Title {
   width: 500px;
   height: 60px;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: 270px 60px;
   background-image:url('images/reycurley1.JPG');
  }

  .Coffee {
   width: 180px;
   height: 105px;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: 250px 150px;
   background-image:url('images/Coffee-2.gif');
  }

  .menu {
   font-weight: bold;
   font-family: Calibri;
   letter-spacing: 2px;
   font-size: 14px;
   color: grey;
  }

  .menu:hover {
   color: black;
   cursor: pointer;
  }