/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

.header-container {
  display: flex;         /* Places items side-by-side */
  align-items: center;   /* Centers them vertically */
  gap: 15px;             /* Adds space between text and image */
}

.header-container img {
  width: 100px;           /* Adjust size as needed */
  height: auto;
}

/* Hide the real cursor globally */
*, html, body, a, button {
  cursor: none !important;
}

/* Style the custom tracking cursor */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;  /* Match your GIF width */
  height: 32px; /* Match your GIF height */
  pointer-events: none; /* Crucial: stops the cursor from blocking clicks */
  z-index: 999999; /* Keeps it on top of everything */
  transform: translate3d(0, 0, 0); /* Optimizes rendering performance */
}

#custom-cursor img {
  width: 100%;
  height: 100%;
}