#note {
  line-height: 16px;
  margin: 15px;
}

#titleWindow {
  border-top: 2px solid #394554;
  background-color: #fff;
}

#titles {
  background-color: #fff;
  margin-top: 3px;
  margin-left: 15px; /* margin-right: 15px; */ 
}

#titles:after {
  content: "";
  display: table;
  clear: both;
}
 
a.toggle-text {
  color: #333333;
  cursor: pointer;
  text-decoration: none;
}

a.toggle-text:hover {
  text-decoration: underline;
}

#finna-search {
  padding: 15px;
  border-top: 2px solid #d4edeb;
}

.fa-solid {
  margin-left: 6px;
}

.paragraph {
  float: left;
  width: 50%;
  padding-right: 8px;
}

.note-wrapper {
  border-bottom: 2px solid #d4edeb;
}

.triangle-up {
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #333333;
  margin-left: 6px;
}

.triangle-down {
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #333333;
  margin-left: 6px;
}

ul {
    list-style: none;
    padding-left: 0;
}​