#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;
}
.intro_content img{
  margin-bottom: 20px;
  margin-top: 0;
}
.load_carregando {
  display: block;
  width: 150px;
  text-align: left;
  margin: auto;
  text-align: center;
  
}


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

  25% {
    content: ".";
  }

  50% {
    content: "..";
  }

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

@keyframes introFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}