/* Base 90s-inspired styles; original assets only */
:root{--fg:#e6f1ff;--bg:#030616;--accent:#2ee6a6;--accent2:#ffd94a;--link:#7cc7ff;--shadow:#00122a}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif;background:var(--bg);color:var(--fg);text-shadow:1px 1px 0 var(--shadow)}

.site-header{display:flex;justify-content:center;align-items:center;padding:16px}
.logo img{filter:drop-shadow(0 0 10px rgba(46,230,166,.6))}

.home-nav ul{list-style:none;padding:0;margin:24px auto;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.home-nav a{display:inline-block;padding:10px 16px;border:2px outset var(--accent);background:rgba(0,0,0,.4);color:var(--link);text-decoration:none;cursor:pointer}
.home-nav a:hover{border-style:inset;background:rgba(0,0,0,.6);color:#fff}



.page{max-width:840px;margin:24px auto;padding:0 16px}
.breadcrumbs{margin-top:8px;font-size:.9rem}
.breadcrumbs a{color:var(--link)}

/* Rat image on right side */
.rat-image {
  position: fixed;
  right: 200px;
  top: 60%;
  transform: translateY(-50%);
  z-index: 100;
  max-width: 25vw +200px;
  height: auto;
  filter: invert(1);
    opacity: 0%;
}

/* Flipped rat image on left side */
.rat-image-left {
  position: fixed;
  left: 200px;
  top: 60%;
  transform: translateY(-50%) scaleX(-1);
  z-index: 100;
  max-width: 25vw +200px;
  height: auto;
  filter: invert(1);
  opacity: 0%;
}

/* Laying drink dog image at bottom center */
.drink-dog-image {
  position: fixed;
  left: 5vw;
  bottom: 0px;
  z-index: 100;
  max-width: 70vw !important;
  width: 70vw !important;
  height: auto;
  filter: invert(1);
}

/* EWART image at top center */
.ewart-image {
  position: fixed;
  top: 7vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  max-width: 70vw !important;
  width: 70vw !important;
  height: auto;
  filter: invert(1);
}

/* Art Page image under EWART */
.artpage-image {
  position: fixed;
  top: 30vw;
  left: 40%;
  transform: translateX(-50%) rotate(-10deg);
  z-index: 100;
  max-width: 50vw !important;
  width: 50vw !important;
  height: auto;
  filter: invert(1);
}

/* About Page image under EWART */
.aboutpage-image {
  position: fixed;
  top: 35vw;
  right: 10%;
  transform: translateX(-50%) rotate(10deg);
  z-index: 100;
  max-width: 42vw !important;
  width: 42vw !important;
  height: auto;
  filter: invert(1);
}

/* About Page image under EWART */
.linkpage-image {
  position: fixed;
  top: 60vw;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  z-index: 100;
  max-width: 30vw !important;
  width: 30vw !important;
  height: auto;
  filter: invert(1);
}

/* WIP text at bottom */
.wip-text {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-family: monospace;
  font-size: 24px;
  font-weight: bold;
  z-index: 100;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}