a {
	text-decoration: none;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family: "Courier New", Courier, Monaco;
	font-style: normal;
	font-weight: 500;
	font-size: 8pt;
	z-index: 10;
	color: #FFF;
}

a:hover {
	font-weight: bold;
}

body {
	background-color: #000;
	color: #FFF;
}

pre {
	font-size: 8pt;
	font-family: "Courier New", Courier, Monaco;
	padding-top: 2.5%;
	padding-left: 0.5%;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.bruh {
    font-size: 16pt;
}

.bruh:hover {
	filter: drop-shadow(0px 0px 2px white);
}

.video-background {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}

.video-foreground,
.video-background iframe {
    width: 100vw;
    height: 100vh;
    transform: scale(1.055);
	pointer-events: none;
}

.ytplayer {
	pointer-events: none;
}

.trail-dot {
  position: fixed;
  font-size: 10px;
  font-family: 'Courier New', monospace;
  color: hsl(calc(360 * var(--rand, 0.5)), 100%, 70%);
  pointer-events: none;
  z-index: 9999;
  animation: trail-fade 1s ease-out forwards;
}

@keyframes trail-fade {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(10px) scale(0.5);
  }
}

#tsparticles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}