.dd-title {
 margin: 6px;
 background-color: #c8b6f0;
 padding: 3px;
 border-radius: 5px;
 color: white;
}


.dd-list {
 display: none; 
 background-color: white;
 padding-left: 10px;
}

.dd-list a {
  display: block;
}

.dd-list a:last-child {
  margin-bottom: 5px;
}

.dd:hover .dd-list {
  display: block;
}

.content2 table tr td {
  padding-left: 10px;
}

.content2 table tr td:first-child {
  padding-left: 0;
}

.content2 .text {
  padding: 4px !important;
}

.name {
  font-family: auto;color: white;filter: drop-shadow(1px 2px 0 #8566c7) drop-shadow(-1px 0px 0 #8566c7) drop-shadow(0 -1px 0 #8566c7) drop-shadow(2px 0 #8566c7);letter-spacing: 2px;
  font-size: 40px;
  margin-left: 6px;
    }
    

.basicinfo {
  margin: 5px 0 10px 0;

}

.basicinfo p {
  text-indent: 15px !important;
}

.basicinfo p:nth-child(even)::before, #dd-links p:nth-child(even)::before {
  content: "✶";
}

.basicinfo p:nth-child(odd)::before, #dd-links p:nth-child(odd)::before {
  content: "✮";
}

.basicinfo p::before, #dd-links p::before {
color: cornflowerblue;
}

/* .basicinfo .button {
 float: right; 
 margin: 0 6px 3px 0;
} */

#stampdiv {
 border-radius: 10px;
 text-align: center;
}

#stampdiv img {
  width:calc(20% - 4px);
  margin: 6px 2px;
}

#maininfo {
 padding: 10px !important; 
 overflow-y: scroll;
}

.title3 {
  border: 2px solid #5aa1f5;
    width: 100%;
    margin: -2px;
    background: linear-gradient(#ffffff, #6aa3f5 30%, #95cff9);
    border-top-right-radius: 50px;
}

div.title3 h3 {
  color: white;
    margin: 0;
    padding: 4px;
}

.relationship b {
  display:block;
}

.relationship p, .trivia p {
 margin-left: 6px;
 text-indent: 0 !important;
}

.relationship p::before, .trivia p::before {
  content: "★ ";
  margin-right: 2px;
  color: lightseagreen;
}

.relationship a {
      color: #8566c7;
}

.relationship b {
 margin-top: 8px; 
}

.relationship b:first-child {
 margin-top: 0; 
}

.appearance {
 overflow-y: scroll; 
}

.trivia {
 overflow-y: scroll; 
}

.trivia .sub {
  margin-left: 28px !important;
}

.trivia .sub::before {
  content: "☆ ";
  color: cornflowerblue;
}

.dd-content {
 display:none; 
}

.show {
  display: block;
}

.dd-button {
    background-color: lavender;
    width: calc(100% - 4px - 4px);
    text-align: left;
    margin: -2px;
    padding: 4px 6px;
    cursor: pointer;
    color: rebeccapurple;
}

#dd-ref figure {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

figure img {
   max-height: 30vw;
}

#dd-links p {
  text-indent: 2px !important;
}

#dd-links a:hover {
  color: dodgerblue;
}