@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght=0,100..800;1,100..800&display=swap');

body {
  color: white;
  font-size: 22px;
  
  /* Light pinky-orange (peach/salmon) text stroke */
  -webkit-text-stroke: 2px #F190FF; 
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);  
  
  /* Prevents thick strokes from eating into the white text fill */
  paint-order: stroke fill; 

  font-family: 'JetBrains Mono', monospace;
  background-image: url('https://www.altontowers.com/media/kgynn0tr/2-plus-carousel.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* Base style for all links */
a {
  color: #61afef; /* Gives links a default color so they stand out from normal text */
  text-decoration: none;
  display: inline-block; /* Allows the scale transform to work properly */
  transition: all 0.2s ease-in-out; /* Smooth transition for the hover effect */
}

/* --- OPTION 1: LINK HOVER ANIMATION --- */
a:hover {
  color: #F190FF; /* Changes link color to match your pink stroke theme */
  text-decoration: underline; /* Adds an underline on hover */
  transform: scale(1.08); /* Making it pop by growing 8% bigger */
}

/* New styles for your bottom-right image wrapper */
.bottom-right-image {
  position: fixed;
  bottom: 20px;  /* Spacing from bottom screen edge */
  right: 20px;   /* Spacing from right screen edge */
  z-index: 1000; /* Keeps image above your background and text */
}

/* Adjusts the sizing of the image itself */
.bottom-right-image img {
  width: 150px;  /* Resize this value as needed */
  height: auto;  /* Maintains aspect ratio */
  display: block;
  transition: transform 0.3s ease-out; /* Smooth transition for the hover effect */
}

/* --- OPTION 2: SHARK HOVER ANIMATION --- */
.bottom-right-image img:hover {
  transform: translateY(-15px) rotate(8deg); /* Lifts up 15px and tilts slightly */
}

.spinning-image {
  width: 150px;
  height: 150px;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.top-right-image {
  position: fixed;
  top: 20px;  /* Spacing from bottom screen edge */
  right: 20px;   /* Spacing from right screen edge */
  z-index: 1000; /* Keeps image above your background and text */
}

/* Adjusts the sizing of the image itself */
.top-right-image img {
  width: 150px;  /* Resize this value as needed */
  height: auto;  /* Maintains aspect ratio */
  display: block;
  transition: transform 0.3s ease-out; /* Smooth transition for the hover effect */
}

/* --- OPTION 2: SHARK HOVER ANIMATION --- */
.top-right-image img:hover {
  transform: translateY(-15px) rotate(8deg); /* Lifts up 15px and tilts slightly */
}

* {
  cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;
}