/* ------------------------------
   Global / Shared Styles
------------------------------ */
body {
  font-family: Arial, sans-serif;
  color: white;
  margin: 0;
  padding: 0;
}

a {
  color: yellow;
  text-decoration: underline;
}

.pixelated {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* Floating animation with stepped motion */
.float {
  position: relative;
  animation: floatUpDown 3s steps(12) infinite;
}

@keyframes floatUpDown {
  0%   { top: 0px; }
  50%  { top: -20px; }
  100% { top: 0px; }
}

/* Neon glow for logo/text */
.neon {
  color: white; /* Base text color */
  filter: drop-shadow(0 0 10px darkslateblue)
          drop-shadow(0 0 20px darkslateblue)
          drop-shadow(0 0 30px violet);
}

/* Standard drop shadow for side images */
.shadow {
  filter: drop-shadow(4px 4px 6px rgba(0,0,0,1));
}

/* Headings */
h1 {
  text-align: center;
  color: white;
  text-shadow: 2px 2px black;
  font-size: 36px;
  margin-top: 20px;
}

h2 {
  color: #008000;
  margin: 10px 0;
}

/* Staff section */
.staff-section {
  width: 70%;
  margin: 30px auto;
  border: 4px solid white;
  background-color: dimgrey;
  padding: 20px;
  text-align: center;
}

.staff-img {
  width: 150px;
  height: 150px;
  border: 3px solid #FF00FF;
  margin-bottom: 10px;
}

.bio {
  font-size: 14px;
  color: #000;
  background-color: #FFFACD;
  padding: 10px;
  border: 2px groove #FF00FF;
  margin-top: 10px;
}

/* Marquee text */
marquee {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

/* ------------------------------
   Page-Specific Backgrounds
------------------------------ */

/* Index page background */
.index {
  background: url('https://file.garden/ZWlUCY4S7Xz2vypS/archived%20backgrounds/bricks/005(4).gif') repeat;
}

/* Staff page background */
.staff {
  background: url('https://file.garden/ZWlUCY4S7Xz2vypS/archived%20backgrounds/colours/multicolour%20%26%20rainbow/bgblackstreamers.gif') repeat;
  color: #000080;
}