/** Momentum Synthetic Theme */

body {
    background: rgb(20,20,20);
    color: black;
}

.article-title-name {
    color: white;
}

.article-title-description {
  color: rgb(150,150,150);
}

.article-icon {
  background: rgb(20,20,20);
  border: 1px solid rgb(40,40,40);
}

.article-icon-container {
  // box-shadow: 0px 0px 500px 1px rgb(30,30,30);
  // background: rgb(20,20,20);
}

.article-body {
  background: rgb(30,30,30);
  border-top: 1px solid rgb(40,40,40);
}

.paragraph {
    color: rgb(200,200,200);
}

.article-meta-header {
  color: gray;
}

.article-meta-author {
  color: gray;
}

.abstract span {
  color: white;
}

.article-meta-author:hover {
  color: white;
}

.article-meta-date {
  color: gray;
}

.paragraph-header {
  color: rgb(120,120,120);
}

.abstract {
  color: silver;
}

.link {
  color: white;
}

.emphasis {
    color: white;
}

/** Infograph */
.infograph-numeric-value {
  color: white;
}

.infograph-numeric-label {
  color: gray;
}

.infograph-toggle-active {
  color: white !important;
  border-bottom-color: white !important;
}

.infograph-toggle-option:hover {
  color: silver;
  border-bottom-color: white !important;
}

.infograph-chart {
    border-color: rgb(40,40,40);
    background: rgb(35,35,35);
}

.infograph-performance-name {
    color: white;
}

.infograph-performance-value span {
    color: white;
}

.infograph-performance-visual {
  background: gray;
}

.infograph-visual-highlighted {
  background: linear-gradient(to right, #f433d1 0%,#e73c7e 100%);
}

.infograph-toggle-label {
  color: rgb(220,220,220);
}

/** Publication **/
.publication-header {
  --publication-secondary-color: rgb(230,230,230);
  --publication-primary-color: rgb(30,30,30);
  --publication-border-color: rgb(40,40,40);
  --publication-header-color: white;
  --publication-header-background: rgb(30,30,30);
}

/** Footer **/

.footer-body {
    background-color: black;
    border-top: 1px solid rgb(40,40,40);
}

.footnote-paragraph {
  color: rgb(160,160,160);
}

/** Animations **/
@keyframes eminate {
  0% {
    box-shadow: 0px 0px 500px 1px rgb(30,30,30);
  }
  50% {
    box-shadow: 0px 0px 700px 1px #E73C7E;
  }
  100% {
    box-shadow: 0px 0px 500px 1px rgb(30,30,30);
  }
}

@keyframes pulse {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}