a {
  outline: none;
  text-decoration: none;
  padding: 1px 1px 2px;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor:pointer;
}

a:link {
    /*font-family: 'Tangerine', serif;*/
    font-family: 'Tahoma';

    color:navy;
    font-size:14px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
}

a:visited {
    font-family: 'Tahoma';
    color:rgba(66, 6, 126, 1);
    font-size:14px;
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
}

a:focus {
  color:rgb(242, 94, 255);
}

a:hover {
  color:red;
  cursor: url("hand_cursor.png"), pointer;
  animation-duration: 0.2s;
  animation-name: link-shaking;
  animation-iteration-count:  2;      
}

a img:hover {
  color:red;
  cursor: url("hand_cursor.png"), pointer;
  animation-duration: 0.2s;
  animation-name: link-shaking;
  animation-iteration-count:  2;      
}
 
a:active {
  color: rgb(255, 120, 80);  
}

.shaking {
  animation-duration: 0.2s;
  animation-name: link-shaking;
  animation-iteration-count:  2;    
}
@keyframes link-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(5px) rotate(15deg)}
  50% { transform: translateX(-5px) rotate(0deg)}
  75% { transform: translateX(5px) rotate(15deg)}
  100% { transform: translateX(0) rotate(0deg)}
 }