/* main */
body {
  padding-top: 100px;
  background-color: #1E1E1E;
  pre {
    color: #d7d7d7;
  }
}

.content
{
  max-width: 500px;
  margin: auto;
}

/* text */
.light {
  color: #919191;
  font-family: "Times New Roman", "Georgia", serif;
  display:inline;
}

/* links */
a:link {
  color: #dbbcdb;
  background-color: transparent;
}

a:visited {
  color: #dbbcdb;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #ba7aba;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #dbbcdb;
  background-color: transparent;
  text-decoration: underline;
}

/* animations */
.s1::before {
    content: "*";
    animation: a1 infinite 5s;
    padding-left: 10px;
}

@keyframes a1 {
    0% {
      content: "-";
    }
    100% {
      content: "*";
    }
}

.s2::before {
    content: "-";
    animation: a2 infinite 3s;
    padding-left: 10px;
}

@keyframes a2 {
    0% {
      content: "*";
    }
    100% {
      content: "-";
    }
}

.s3::before {
    content: "";
    animation: a3 infinite 0.6s ease-in;
    padding-top: -100px;
}

@keyframes a3 {
    0% {
      content: "";
    }
    25% {
      content: ".";
    }
    50% {
      content: "..";
    }
    100% {
      content: "...";
    }
}