html, body{
  background: white;
  cursor: default;
  margin: 20px;
  height: 100%;
}
p{
  margin: 0;
  padding: 0;
}

#clip{
  /*
  Ensure background is added first
  */
  /*background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);*/
  background: white;
  background-attachment: fixed;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 900;
  font-family: -apple-system, "SF UI Text", "Helvetica Neue", "Lucida Grande", sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div {
  color: transparent;
}
#clip, span{
  margin: 0;
  padding: 0;
}
.letter{
  -webkit-text-stroke: 2px blue;
  -moz-text-stroke-width: 2px blue;
  font-size: 15em;
  -webkit-background-clip: text;


}
.description{

  -webkit-text-fill-color: black;
  font-weight: normal;
  font-family: none;
  font-size: 1em;
  font-family: 'Crimson Text', serif;

}
#A:hover, #N:hover, #D:hover, #R:hover, #E:hover, #A2:hover, #S:hover{
  -webkit-text-stroke: 0px white;
  -moz-text-stroke-width: 0px white;
  background-image: url(https://media.giphy.com/media/l0MYMrHxUrxxEu1jO/giphy.gif);
  background-position: center;

}
#A:hover{
  background-image: url(images/leben.gif);
}
#N:hover{
  background-image: url(images/emoji.gif);
}
#D:hover{
  background-image: url(images/bloom.gif);
}
#R:hover{
  background-image: url(images/showrippl.gif);
}
#E:hover{
  background-image: url(images/owezone.gif);
  background-size: cover;
}
#A2:hover{
  background-image: url(images/motivation.gif);
}
#S:hover{
  background-image: url(images/selfie.gif);
}
#A:active{

}
#A:active, #N:active, #D:active, #R:active, #E:active, #A2:active, #S:active {

}