::-webkit-scrollbar {
	display: none;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #1a1a1a;
	font-family: 'Press Start 2P', monospace;
	color: white;
	cursor: none;
	user-select: none;
}

/* Custom cursor from first file */
#custom-cursor {
position: fixed;
width: 8px; /* Set the width of each pixel */
height: 8px; /* Set the height of each pixel */
background-color: #9b09e4; /* Set the color of the pixels */
z-index: 9999; /* Set a high z-index to make sure it's on top of other elements */
pointer-events: none; /* Allow pointer events to pass through */
animation: blink 1s infinite; /* Add blink animation */
}


@keyframes blink {
	50% {
		opacity: 0;
	}
}

/* Selection styling */
::selection {
	background-color: #ffcc00;
	color: #1a1a1a;
}

::-moz-selection {
	background-color: #ffcc00;
	color: #1a1a1a;
}

/* Links with neon effect */
a {
	color: #00ffcc;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover, a:active {
	color: #ffcc00;
	text-shadow: 0 0 10px #ffcc00, 0 0 20px #ffcc00;
}

/* Social section */
.social {
	position: absolute;
	text-align: right;
	font-size: 12px;
	right: 50px;
	top: 48px;
	color: #00ffcc;
	z-index: 10;
}

/* Contact section */
.contact {
	position: absolute;
	text-align: right;
	color: #00ffcc;
	font-size: 12px;
	right: 50px;
	bottom: 50px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ffcc00;
	width: 100%;
	clip-path: inset(0 0 0 100px);
}

/* Arrow navigation */
.arrow {
	position: absolute;
	top: 0;
	left: 0;
	margin: 50px;
	transition: filter ease-in-out 0.2s;
	clip-path: inset(0 8px 0 0);
	cursor: none;
}

.arrow:hover, .arrow:active {
	filter: drop-shadow(0 0 10px #ffcc00) brightness(2);
}

/* Main background container */

/* Center neon headings and allow parallax offsets */
/* Banner-style neon headings near top; allow small parallax offsets */
.move, .move2 {
	position: absolute;
	left: 50%;
	top: 10vh; /* banner vertical position */
	transform: translateX(-50%);
	text-align: center;
	pointer-events: none;
	z-index: 5;
	font-family: 'Press Start 2P', monospace;
	white-space: pre-line;
}

.move2 {
	z-index: 4; /* behind the main heading for phantom effect */
	opacity: 0.15;
	font-size: 2rem;
	letter-spacing: 0.02em;
}

.move {
	z-index: 6;
	font-size: 2.4rem;
	letter-spacing: 0.03em;
}

/* Give page content room below the banner */
.container {
	position: relative;
	padding-top: 22vh; /* prevents overlap with banner */
}

/* Rain visuals */
.rain {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
	overflow: hidden;
	z-index: 1;
}

.raindrop {
	position: absolute;
	top: -10vh;
	width: 2px;
	height: 18px;
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,204,0,0.6) 100%);
	opacity: 0.9;
	border-radius: 1px;
	transform: translateY(0);
	animation-name: fall;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes fall {
	to {
		transform: translateY(120vh);
		opacity: 0.6;
	}
	
	
}

  #rainButton {
    background-color: #1a1a1a; /* Dark background color for neon effect */
    color: #ffcc00; /* Neon yellow text color */
    font-family: 'Press Start 2P', cursive;
    font-size: 16px;
    padding: 10px 20px;
    border: 2px solid #ffcc00; /* Neon yellow border */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
  }
  
  #rainButton:hover {
    background-color: #ffcc00; /* Hover background color */
    color: #1a1a1a; /* Hover text color */
  }