@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000;
  overflow-x: hidden;
  overflow-y: hidden;
}

.sygnet {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 60vw;
  transform: translate(-50%, -50%);
  display: block;
  mix-blend-mode: color-dodge;
  opacity: 0.3;
}

.manifest {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  opacity: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  width: 100%;
  padding-left: 12%;
  padding-right: 12%;
  transition: 3000ms;
  z-index: 10;
}

.big {
  font-size: 40px;
}

.last-manifest {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 25px;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  z-index: 20;
  font-family: "Montserrat", sans-serif;
}
.last-manifest .last-text {
  text-shadow: 0.07em 0.07em 0.07em #000;
}
.last-manifest .button-sprawdzam {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  background-color: #FFED00;
  color: #000;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  padding: 17px 31px 17px 31px;
  margin-top: 80px;
}
.last-manifest .button-sprawdzam a {
  text-decoration: none;
  color: #000;
  font-size: 28px;
  font-weight: 900;
}
.last-manifest .button-sprawdzam:hover {
  background-color: #000;
  border: 1px solid #FFED00;
  cursor: pointer;
}
.last-manifest .button-sprawdzam:hover a {
  color: #FFED00;
}

.active {
  opacity: 1;
  transition: 3000ms;
}

.glitch {
  text-shadow: 0.08em 0 0 rgba(0, 200, 0, 0.75), -0.17em 0 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
  animation: glitch 1200ms infinite;
}

@keyframes glitch {
  0% {
    text-shadow: 0.11em 0 0 rgba(0, 200, 0, 0.75), -0.11em 0 0 rgba(0, 255, 0, 0.75), 0.027em 0.05em 0 rgba(0, 0, 255, 0.75);
  }
  14% {
    text-shadow: 0.11em 0 0 rgba(0, 200, 0, 0.75), -0.11em 0 0 rgba(0, 255, 0, 0.75), 0.027em 0.05em 0 rgba(0, 0, 255, 0.75);
  }
  15% {
    text-shadow: -0.027em 0 0 rgba(0, 200, 0, 0.75), 0.027em 0 0 rgba(0, 255, 0, 0.75), 0.027em 0.027em 0 rgba(0, 0, 255, 0.75);
  }
  49% {
    text-shadow: -0.027em 0 0 rgba(0, 200, 0, 0.75), 0.027em 0 0 rgba(0, 255, 0, 0.75), 0.027em 0.027em 0 rgba(0, 0, 255, 0.75);
  }
  50% {
    text-shadow: -0.07em 0 0 rgba(0, 200, 0, 0.75), -0.07em 0.025em 0 rgba(0, 255, 0, 0.75), 0.07em 0 0 rgba(0, 0, 255, 0.75);
  }
  99% {
    text-shadow: -0.07em 0 0 rgba(0, 200, 0, 0.75), -0.07em 0.025em 0 rgba(0, 255, 0, 0.75), 0.07em 0 0 rgba(0, 0, 255, 0.75);
  }
  100% {
    text-shadow: 0.03em 0.03em 0 rgba(0, 200, 0, 0.75), -0.05em 0 0 rgba(0, 255, 0, 0.75), -0.07em -0.03em 0 rgba(0, 0, 255, 0.75);
  }
}
.exit {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 30;
  font-size: 35px;
  mix-blend-mode: difference;
  font-family: "Montserrat", sans-serif;
}
.exit a {
  text-decoration: none;
  color: #07a307;
}
.exit a:hover {
  color: #00FF00;
}

@media (max-width: 768px) {
  body {
    width: 100vw;
  }
  #board {
    width: 100vw;
    overflow-x: hidden;
  }
  #canvas {
    width: 100wv !important;
  }
  h1 {
    font-size: 18px;
  }
  h2 {
    font-size: 14px;
  }
  .big h1 {
    font-size: 40px;
  }
}/*# sourceMappingURL=matrix2.css.map */