body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  background: black;
  color: white; /*text will be white*/
  font-family: cursive;
  /*cursor: none; hides cursor
  cursor: url('star.png');*/
  display: flex; /*creates flex container*/
  justify-content: center; /*aligns flex container in center*/
  align-items: center; /*aligns flex container vertically*/
  text-align: center; /*aligns text in center*/
}

html {
  cursor: url('star.png'), auto;
}

.content {
  z-index: 100; /*makes sure this is above everything else*/
  pointer-events: none; /*pointer is not allowed to interact with this*/
}

h1 {
  font-size: 4rem; /*makes this 4x bigger than normal h1*/
  margin-bottom: 1rem;
  background: linear-gradient(45deg,rgb(255,102,99), rgb(254,177,68), rgb(253,253,151), rgb(158,224,158), rgb(158,192,207), rgb(204,153,201)); /*sets gradient color   CHANGE THEM!!!*/
  -webkit-background-clip: text;
  background-clip: text; 
  color: transparent; /*makes text transparent so gradient shows through*/
  background-size: 400% 400%; /*zoom in background 400x width and height*/
  animation: gradient 8s ease infinite; /*repeats animation infinitly, each cycle is 8sec, slowly then fast then slow*/
}

@keyframes gradient { /*sequence of events element will do during gradient*/
  0% { background-position: 0% 50%;} /*beginning of animation*/
  50% { background-position: 100% 50%;} /*middle of animation*/
  100% { background-position: 0% 50%;} /*end of animation*/
}

.sparkle {
  position: fixed;
  pointer-events: none;
  z-index: 10;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: sparkle-fade 0.8s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes sparkle-fade {
  0% {
    transform: translate(-50% -50%) scale(0.3) rotate(0deg);
    opacity: 1;
    filter: brightness(1.5) hue-rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5) rotate(180deg);
    opacity: 0;
    filter: brightness(2) hue-rotate(0deg);
  }
}

.sparkle svg {
  width: 100%;
  height: 100%;
}