@font-face {
  font-family: BLKCHCRY;
  src: url("../fonts/BLKCHCRY.TTF");
}

body {

background: radial-gradient(circle, rgba(59,232,255,0.26234243697478987) 0%, rgba(59,232,255,0.5872724089635855) 55%, rgba(191,89,255,1) 91%);
}

p {
  font-size: 21px;
  font-family: BLKCHCRY;
  color: black;
}

.text-home {
  max-width: 53em;
  margin: 0 auto;
}

a {
  font-size: 21px;
  font-family: BLKCHCRY;
}

a:link {
  color: magenta;
  background-color: transparent;
  text-decoration: none;
  /*text-decoration: underline;*/
}

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

a:hover {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

#cardtest {
  transition: transform 240ms ease-in-out;
  cursor: url("../images/magic-stuff.svg"), auto;
}
#cardtest.rotated {
  transform: translate(0, 100px) scale(1.6);
}


.footer {
  float: left;
}

.instructions {
  max-width: 440px;
}

#angryaudio {
  width: 250px;
  height: 40px;
}