body * {
  color: #FFF;
}

body {
  background: none;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--textcolor);
}

body {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(5, 0, 255, 0.11) 100%);
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.6;
  }
}

.caelista_title {
  z-index: 1;
  padding: 40px;
  pointer-events: none;
}

.caelista_title_img {
  display: block;
  margin: 0 auto;
  width: 350px;
  --filter: drop-shadow(4px 4px 3px black);
}

.login_div {
  display: inherit;
}

.login_btn {
  display: block;
  margin: 0 auto;
  margin-top: 5%;
  pointer-events: auto;
}

.version {
  color: black;
  text-align: center;
  margin-top: 35px;
}

#particles, #waves {
  position: absolute;
  top: 0;
  left: 0;
  /*
  animation: fadeInAnimation ease 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  */
}

.endpoc {

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  margin-top: 50px;

  .txt, a {

    pointer-events: auto;

    color: var(--cae-color-blue);
    font-size: 1.25em;
    font-weight: 500;

    a {
      font-weight: 600;
    }

    &.txt1 {}

    &.txt2 {}

    &.txt3 {}
  }
}