html{
  cursor: url('https://file.garden/aiileSSDkwuShks2/mouse.png'),auto;
}

body {
  background: #5FB7FF;
  background: linear-gradient(88deg, rgba(95, 183, 255, 1) 0%, rgba(157, 228, 255, 1) 100%);
  font-family: "Comic Sans MS";
  overflow: hidden;
}

.xadrez {
  position: fixed;
  inset: 0;

  background:
    linear-gradient(
      45deg,
      rgba(0,0,0,0.08) 25%,
      transparent 25%,
      transparent 75%,
      rgba(0,0,0,0.08) 75%
    ),
    linear-gradient(
      45deg,
      rgba(0,0,0,0.08) 25%,
      transparent 25%,
      transparent 75%,
      rgba(0,0,0,0.08) 75%
    );

  background-size: 250px 250px;
  background-position: 0 0, 125px 125px;

  animation: moverXadrez 10s linear infinite;

  z-index: -2;
}

@keyframes moverXadrez {
  from {
    background-position: 0 0, 125px 125px;
  }

  to {
    background-position: 250px 250px, 375px 375px;
  }
}


p.overlay {
  position: absolute;
  top: 6;
  left: 48%;
  transform: translateX(-50%);
  z-index: 1;
}

/* MENU */
a.menu-botao {
  position: absolute;
  left: 43%;
  top: 40%;
  width: 100px;
  height: 100px;
  transform: translate(-250px, -180px);
  transition: transform 450ms ease-out;
  z-index: 2;
}

a.menu-botao:hover {
  transform: translate(-250px, -180px) scale(1.1);
  cursor: url('https://file.garden/aiileSSDkwuShks2/mouse%20apontano.png'),pointer;
}

/* CRÉDITOS */
a.cre-botao {
  position: absolute;
  left: 53%;
  top: 40%;
  width: 100px;
  height: 100px;
  transform: translate(0px, -180px);
  transition: transform 450ms ease-out;
  z-index: 2;
}

a.cre-botao:hover {
  transform: translate(0px, -180px) scale(1.1);
  cursor: url('https://file.garden/aiileSSDkwuShks2/mouse%20apontano.png'),pointer;
}

/* LORE */
a.lore-botao {
  position: absolute;
  left: 43%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-250px, 40px);
  transition: transform 450ms ease-out;
  z-index: 2;
}

a.lore-botao:hover {
  transform: translate(-250px, 40px) scale(1.1);
  cursor: url('https://file.garden/aiileSSDkwuShks2/mouse%20apontano.png'),pointer;
}

/* GALERIA */
a.gal-botao {
  position: absolute;
  left: 53%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(0px, 40px);
  transition: transform 450ms ease-out;
  z-index: 2;
}

a.gal-botao:hover {
  transform: translate(0px, 40px) scale(1.1);
  cursor: url('https://file.garden/aiileSSDkwuShks2/mouse%20apontano.png'),pointer;
}

h1.titulo {
  position: absolute;
  left: 46%;
  top: 40%;
  transform: translate(-300px, -350px) scale(0.9);
  opacity: 20%;
  z-index: -1;
}

h2.creditos-site {
  position: absolute;
    Top: 93.5%;
  Left: 1%;
  transform: translateX(-50%), translateY(-50%), scale(0.7);
  z-index: 3;
  color: black;
}