a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-weight: lighter;
}

a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: black;
  background-color: transparent;
    text-decoration-line: underline;
  text-decoration-color:black;
  text-decoration-style:solid;
  text-underline-position: under;
   animation-name: myAnimation;
  animation-duration: 0.5s;
 
  
  
  

 

  
}

a:active {
  color: gray;
  background-color: transparent;


}

h1 {
  font-weight:lighter;
}

body {
  font-family: helvetica;
  font-weight:lighter;
}

body, * {
  cursor: url('cursor.png'), auto;
}


/* The animation code */
@keyframes myAnimation {
  from {text-decoration-color: white;}
  to {text-decoration-color: black;}
}