html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: black;
  font-family: 'Cedarville Cursive', cursive;
  overflow: hidden;
  color: white;
  cursor: url('cursor.cur'), auto;
}
* {
cursor: url('cursor.cur') 2 28, auto;
}
@keyframes flicker {
0%, 100% { opacity: 0.05; }
50% { opacity: 0.2; }
}
@keyframes scrollOpen {
0% {
transform: scaleY(0);
opacity: 0;
}
100% {
transform: scaleY(1);
opacity: 1;
}
}
.mist-trail {
  position: fixed;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  animation: fadeTrail 1s linear forwards;
}

@keyframes fadeTrail {
  to {
    opacity: 0;
    transform: scale(2);
  }
}