/* Overlay covers entire screen */
/* Custom cursor */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 64px;        /* cursor width */
  height: 64px;       /* cursor height */
  pointer-events: none; /* allows clicking through */
  background-image: url('cursor.gif'); /* your cursor image */
  background-size: cover;
  transform: none;       /* top-left corner is tip */
  z-index: 9999;
  opacity: 0;           /* hidden initially */
  transition: left 0.05s ease, top 0.05s ease, opacity 0.2s ease; /* smooth movement + fade */
}

#blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  z-index: 9999;
}

/* Blur content while overlay is active */
body.blur-content > *:not(#blur-overlay) {
  filter: blur(10px);
}

html{
  cursor: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

a {
  color: white;
  text-decoration: none;
  cursor: none;
}

body{
    color:white;
    background:black;
    font-family: "Arial", "sans-serif", cursive;
    text-align: center;
    cursor: none;
    overflow: hidden;
}

.title{
    font-size: 3em;
    font-weight: 510;
}

.desc{
    font-size: 1.5em;
}

#trail {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
}