* {
  margin: 0;
  padding: 0;
}

#c {
  position: absolute;
  z-index: 98;
}

.svg-box {
  position: absolute;
  z-index: 994;
  color: #fff;
  font-size: 60px;
  width: 900px;
  height: 200px;
  top: calc(50vh - 100px);
  right: calc(50% - 450px);
  opacity: 0;
  transition: 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}

svg {
  width: 900px;
  height: 200px;
}

.box-fixo {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 993;
}

.carregando {
  position: absolute;
  z-index: 999;
  box-shadow: -1px 3px 30px #fff;
  width: 0%;
  height: 5px;
  top: 70vh;
  left: 25%;
  background-color: #0f0;
  -webkit-transform: skew(30deg);
          transform: skew(30deg);
  transition: 4.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.aumentar {
  width: 50%;
}

.opacidade1 {
  opacity: 1;
}