/* ava's splash text */
/* visit https://avaloathelace.neocities.org/blog/2026-splash-text.html for an installation guide */

#splash-container {
  --splash-color: #FFFFFF;
  --splash-shadow: #170027;
  --splash-font: courier, monospace;
  --bounding-box-width: 1300px;
  /* background: #f004; */
  --rotation: rotate(-0.02turn);
  
  @font-face {
  font-family: courier;
  size-adjust: 133.33%;
}

  /* define space within which splash can exist */
  position: absolute;
  left: 0;
  right: 0; 
  margin: 0 auto;
  width: 96vw;
  max-width: var(--bounding-box-width);
  pointer-events: none;

  /* align splash on right edge of bounding box */
  display: flex;
  justify-content: flex-end;
}

/* Display above title on thin screens */
@media (max-width: 520px) {
  #splash-container {
    position: static;
    width: auto;
    justify-content: center;
    --rotation: rotate(-0.007turn);
  }
}

#splash {
  font-family: var(--splash-font);
  font-weight: normal;
  color: var(--splash-color);

  max-width: 270px;
  text-align: center;
  pointer-events: auto;
  z-index: 10;

  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* Pulse animation */
@keyframes pulse {
  0% { transform: scale(1.1) var(--rotation); }
  50% { transform: scale(0.9) var(--rotation); }
  100% { transform: scale(1.1) var(--rotation); }
}