.loader--text {
  top   : 200%;
  left  : 0;
  right : 0;
  margin: auto;
}

.loader--text:after {
  content                  : "Loading";
  font-weight              : bold;
  animation-name           : loading-text;
  animation-duration       : 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }

  45% {
    transform: translateX(230px);
  }

  65% {
    transform: translateX(230px);
  }

  95% {
    transform: translateX(0);
  }
}

@keyframes loading-text {
  0% {
    content: "Loading";
  }

  25% {
    content: "Loading.";
  }

  50% {
    content: "Loading..";
  }

  75% {
    content: "Loading...";
  }
}

.alert-top {
  position: fixed;
  top     : 10px;
  right   : 10px;
}