#intro {
  position: fixed;
  inset: 0;
  z-index: 99999999;

  background: linear-gradient(
    var(--angle, 135deg),
    #000,
    #151515,
    #050505,
    #202020,
    #000
  );

  background-size: 500% 500%;
  background-position: 50% 50%;

  transition:
    background-position 1.8s ease-in-out,
    background-image 1.8s ease-in-out,
    transform 2s cubic-bezier(.75, 0, .18, 1);

  animation: introFadeIn .45s ease both;
}

#intro.hide {
  transform: translateY(-100%);
}

.intro_content{
  position: absolute;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  left: 50%;
  top:50%;
  display:table;
  text-align: center;
  letter-spacing: 5px;


}
.intro_content img{
  margin-bottom: 20px;
}
.load_carregando {
  display: block;
  width: 150px;
  text-align: left;
  margin: auto;
  
}
.load_carregando span::after {
  content: "";
  animation: dots 1.2s steps(4, end) infinite;
}

@keyframes dots {
  0% {
    content: "";
  }

  25% {
    content: ".";
  }

  50% {
    content: "..";
  }

  75%, 100% {
    content: "...";
  }
}

@keyframes introFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}