/* ESTILO GERAL */
@import url("https://www.dafont.com/pt/hexan.font?text=Pixel");

/* ---- reset ---- */

body {
  margin: 0;
  font: normal 75% Arial, Helvetica, sans-serif;
}

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; 
  z-index: 1; 
  pointer-events: auto;
  background-color: #071322;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

#stats,
.count-particles {
  -webkit-user-select: none;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

.titulo,
.titulo2,
.escolha,
.creditos {
  position: relative; 
  z-index: 1; 
  pointer-events: none;
}

.titulo {
  text-align: center;
  margin: 30px 500px 0px 500px;
  padding: 30px;
  color: aliceblue;
  text-shadow: #151a0e 1px 1px 2px;
  font-family: "Pixelify Sans", sans-serif;
  font-size: 25px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.titulo p {
  text-align: center;
  margin: 50px 0px 20px 0px;
  font-size: 20px;
  text-shadow: #151a0e 1px 1px 2px;
  font-family: "Unbounded", cursive;
  text-shadow: white 0px 0px 2.5px;
}

.titulo2 {
  text-align: center;
  margin: 10px 500px 0px 500px;
  padding: 10px;
  color: aliceblue;
  text-shadow: #151a0e 1px 1px 2px;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.escolha {
  padding: 150px 0px 0px 0px;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}

.link1 a,
.link2 a {
  /* ... estilos existentes ... */
  pointer-events: auto; /* MUDANÇA 4: Reabilita a capacidade de clicar nos links! */
}

.link1 a,
.link2 a {
  display: inline-block;
  padding: 23px 33px;
  background-color: #185751;
  color: white;
  justify-content: center;
  text-decoration: none;
  border-radius: 7px;
  font-size: 20px;
  font-family: "Pixelify Sans", sans-serif;
  box-shadow: 0 4px 6px rgba(151, 151, 151, 0.1);
  transition: background-color 0.6s ease, transform 0.8s ease;
  pointer-events: auto;
}

.link1 a:hover,
.link2 a:hover {
  background-color: #39b3a2;
  transform: translateY(-2px);
}

.creditos {
  text-align: center;
  margin: 260px 0px 20px 0px;
  padding: 20px;
  color: aliceblue;
  text-shadow: #151a0e 1px 1px 2px;
  font-family: "Unbounded", serif;
  font-size: 11px;
}

.pag {
  color: #39b3a2;
}