body {
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  background-image: url('backgrounds/waterani.gif');
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  color: #FFCB63;
  margin: 0;
  cursor: url('cursors/cur1073.gif'), auto; 
}

.index-page {
  overflow: hidden;
  background-image: url('backgrounds/bwspiral.gif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh; 
  font-family: 'Times New Roman', sans-serif;
}

.options-page {
  overflow: hidden;
  background-image: url('entering/enterenterenter.gif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh; 
  font-family: 'Times New Roman', sans-serif;
  color: white;
}

.eye-candy-page {
  overflow: hidden;
  background-image: url('eye-candy/freshcut.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh; 
  font-family: 'Times New Roman', sans-serif;
}

.playground-page {
  overflow: hidden;
  background-image: url('playground/optimized-liminal.gif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh; 
  font-family: 'Times New Roman', sans-serif;
}

.ear-candy-page {
  overflow: hidden;
  background-image: url('ear-candy/a-room.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh; 
  font-family: 'Times New Roman', sans-serif;
}

.entering-page #holoshadow-entering {
  animation: flash 1s infinite alternate;
}

#holoshadow,
#holoshadow-entering {
  display: block;
  opacity: 0.5;
  transition: transform 0.1s;
}

.holoshadow-wrapper {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes flash {
  0%   { opacity: 0.5; }
  50%  { opacity: 0.2; }
  100% { opacity: 0.5; }
}

#holoshadow:hover {
  animation: tremble 0.2s infinite;
}

@keyframes tremble {
  0%   { transform: translate(0px, 0px) rotate(0deg); }
  25%  { transform: translate(2px, -2px) rotate(-1deg); }
  50%  { transform: translate(-2px, 2px) rotate(1deg); }
  75%  { transform: translate(2px, 2px) rotate(-1deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}

.fixed-go-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: auto;
  z-index: 9999;
}

.click-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

a {
  text-decoration: none;
  color: white;
  cursor: url('cursors/cur1073.gif'), auto !important;
}

audio {
  display: none;
}

.entering-page {
  cursor: url('cursors/cur1073.gif'), auto;
}

#header {
  color: red;
  text-align: center;
  padding: 100px 0;
  font-size: 25px;
}

#header2 {
  color: #948594;
  font-size: 15px;
  text-align: center;
  position: relative;
  top: 0px;
  left: 0;            
}

#enter {
  color: yellow;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  top: -100px;
  font-size: 10px;
}

#fish-links {
  position: relative;
  width: fit-content;
  margin: 0 auto;     
}

.woman {
  position: relative;
  display: block;
  width: 800px;           
  height: auto;
  margin: -40px auto 0 auto; 
  left: 100px;             
}

.fishpile {
  display: block;
  width: 370px;           
  margin: 0 auto;
  position: relative;
  top: -140px;
}

.fish img {
  width: 100px;
  height: auto;
  pointer-events: auto;
}

.fish-right2 {
  position: absolute;
  top: 50%;
  left: -70px;
}

.fish-left1 {
  position: absolute;
  top: 50%;
  right: -70px;
}

.fish-left2 {
  position: absolute;
  top: 10%;
  right: -70px;
}

@keyframes wiggle {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(10deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}

.wiggle-image {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.wiggle-image:hover {
  animation: wiggle 0.5s ease-in-out infinite;
}

.options-link .word-title-space {
  letter-spacing: 0.5em;
  margin-left: 0.3em;
}


.options-link {
  position: fixed;
  font-weight: normal;
  font-size: 27px;
  color: #fff;
  z-index: 1000;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 30px #fff;
  transition: text-shadow 0.3s ease, color 0.3s ease;
}

.options-link:link,
.options-link:visited {
  color: #fff;
}

.options-link:hover,
.options-link:focus {
  color: #E8CEA0;
  text-shadow:
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #fff,
    0 0 60px #fff;
}

.options-link span {
  color: #fff;
}

.eye-candy-link { top: 50px; left: 100px; }
.playground-link { top: 50px; right: 100px; }
.wws-link { bottom: 50px; left: 100px; }
.ear-candy-link { bottom: 50px; right: 100px; }

#music-button {
  position: fixed;
  left: 400px; 
  bottom: 73px;
  transform: none;
  z-index: 1000;
}

#music-button img {
  width: 520px;
  height: auto;
}

#eye-flower {
  position: fixed;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  width: 250px;
  z-index: 1000;
}