html {
  background-color: black;
  color: white;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

.logo {
  filter: blur(1px) contrast(200%);
  display: flex;
}

#navTitle {
  display: flex;
  font-size: 30px;
  gap: 10px;
}

#navTitle div {
  width: 30px;
  height: 30px;
  text-align: center;
  filter: blur(1px) contrast(200%);
}

nav h2 {
  animation: color-shift 2s infinite alternate; /* Applies the animation */
  color: green;
  font-size: 50px;
  height: 100px;
}

@keyframes color-shift {
  0% {
    filter: contrast(100%); /* Start of the animation */
  }
  100% {
    filter: contrast(100%); /* End, a full rotation */
  }
}

.uninteractable-image {
  /* Prevents the image from being dragged */
  pointer-events: none;

  /* Prevents the image from being selected (highlighted with the mouse) */
  user-select: none;

  /* Optional: Standardize behavior across different browsers */
  -webkit-user-select: none; /* Safari, Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  -o-user-select: none; /* Opera (older versions) */
}