:root {
  --text: #fff;
  --shadow:#bc13fe;
}
.article {
  width: 80%;
  margin: 0 auto;
  border: thick double black;
  border-radius: 10px;
}

.article-title {
  font-size: 2em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-align: center;
}

.article-author {
  font-style: italic;
  margin-bottom: 1em;
  margin-left: 20px;
  text-align: center;
}

.article-content {
  font-size: 1.2em;
  line-height: 1.5;
  margin: 10px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  text-indent: 15%;
}

.neonText {
  color: var(--text);
  text-shadow:
    0 0 7px var(--text),
    0 0 10px var(--text),
    0 0 21px var(--text),
    0 0 42px var(--shadow),
    0 0 82px var(--shadow),
    0 0 92px var(--shadow),
    0 0 102px var(--shadow),
    0 0 151px var(--shadow);
}
/* .glowing-text {
  font-size: 6.2rem;
  animation: pulsate 1.5s infinite alternate;
  border: 0.2rem solid var(--text);
  border-radius: 2rem;
  padding: 0.4em;
  box-shadow: 0 0 .2rem var(--text),
    0 0 .2rem var(--text),
    0 0 2rem var(--shadow),
    0 0 0.8rem var(--shadow),
    0 0 2.8rem var(--shadow),
    inset 0 0 1.3rem var(--shadow);
} */

@keyframes pulsate {

  100% {

    text-shadow:
      0 0 4px var(--text),
      0 0 11px var(--text),
      0 0 19px var(--text),
      0 0 40px var(--shadow),
      0 0 80px var(--shadow),
      0 0 90px var(--shadow),
      0 0 100px var(--shadow),
      0 0 150px var(--shadow);

  }

  0% {

    text-shadow:
      0 0 2px var(--text),
      0 0 4px var(--text),
      0 0 6px var(--text),
      0 0 10px var(--shadow),
      0 0 45px var(--shadow),
      0 0 55px var(--shadow),
      0 0 70px var(--shadow),
      0 0 80px var(--shadow);
  }}