app/styles.css

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.logo {
  width: 180px;
}

.title {
  font-weight: 600;
  text-align: left;
  color: black;
  font-size: 18px;
}

.alert,
#component-2,
#component-3 {
  padding: 24px;
  color: black;
  background-color: #f4f8fb;
  border: 1px solid #d6dce7;
  border-radius: 8px;
  box-shadow: 0px 6px 15px rgb(0 0 0 / 2%), 0px 2px 5px rgb(0 0 0 / 4%);
}

ol {
  list-style: disc;
}

.alert__info {
  background-color: #f4f8fb;
  color: #323552;
}

.alert__warning {
  background-color: #fffae5;
  color: #917115;
  border: 1px solid #e4cf2b;
}

#pw {
  -webkit-text-security: disc;
}

/* unvisited link */
a:link {
  color: #6b2bd6;
}

/* visited link */
a:visited {
  color: #6b2bd6;
}

/* mouse over link */
a:hover {
  color: #6b2bd6;
}

/* selected link */
a:active {
  color: #6b2bd6;
}

li {
  margin-left: 1em;
}

.apikey {
}

.entity-list {
    color: #6b2bd6;
    font-size: 16px
}

.entity-elt {
    color: black
}.istopic {
color: #6b2bd6;
}

.topic-L0 {
font-size: 30px;
text-indent: 0px;
}

.topic-L1 {
font-size: 25px;
text-indent: 18px;
}

.topic-L2 {
font-size: 20px;
text-indent: 36px;
}

.topic-L3 {
font-size: 15px;
text-indent: 54px;
}

.topic-L4 {
font-size: 15px;
text-indent: 72px;
}

.topic-L5 {
font-size: 15px;
text-indent: 90px;
}

.topic-L6 {
font-size: 15px;
text-indent: 108px;
}

.topic-L7 {
font-size: 15px;
text-indent: 126px;
}

.topic-L8 {
font-size: 15px;
text-indent: 144px;
}

.topic-L9 {
font-size: 15px;
text-indent: 162px;
}