@font-face {
  font-family: 'Tarsica';
  src: url('./fonts/Platinum Sign Over.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


#trailCanvasBack {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
}

.kaia-img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 1;
  pointer-events: none;
  z-index: 200;
  mix-blend-mode: normal;
}

#letsgo-wrapper {
  position: relative;
  z-index: 300;
  isolation: isolate;
}

#trailCanvasFront {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  /* 1000: el aro y el rótulo van POR DELANTE del cuerpo del personaje. Lo
     único que tiene que taparlos es el BRAZO, y de eso se encarga una segunda
     capa que va por encima de esto (ksdanceglitch.js, capa del brazo).
     Bajarlo a 340 manda el aro entero detrás de ella y no es eso. */
  z-index: 1000;
  pointer-events: none;
}

#kaiaFinalImg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0;
  pointer-events: none;
  z-index:301;
  mix-blend-mode: normal;
}