/* Flashlight Overlay */
body{
  background-color: darkslategrey;
  animation: flicker 50s linear infinite;
}

p{
  z-index: -10;
  color:#020404;
}
a{
  color:darkblue;
}

:root {
  cursor: none;
  --cursorX: 50vw;
  --cursorY: 50vh;
}
:root:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: none;
  background: radial-gradient(
    circle 10vmax at var(--cursorX) var(--cursorY),
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.5) 80%,
    rgba(0,0,0,.95) 100%
  )
}

@keyframes flicker {
    0% {background-color:darkslategrey}
    40.24% {background-color:darkslategrey}
    40.25% {background-color:#020404}
    41.35% {background-color:#020404}
    41.36% {background-color:darkslategrey}
    93% {background-color:darkslategrey}
    93.1% {background-color:#020404}
    94.54% {background-color:#020404}
    94.55% {background-color:darkslategrey}
    100% {background-color:darkslategrey}
}

#item {
  z-index:5;
  color:#20404;
  position:fixed;
  bottom:1vh;
  margin: auto;
  width:100%;
  text-align:center;
}
