.hwa-container.w3-container {
    padding: 24px;
    font-size: 1.5em;
    height: 250px;
    line-height: 1.2;
    position: relative;
}
.about-card-1{
    background-color: var(--parchment);
        color:  var(--prussian-blue);

}
.about-card-1 a, .about-card-3 a  {
    color: var(--bittersweet-shimmer);
}
.about-card-2 a  {
    color: var(--parchment);
}
.about-card-2{
    background-color: var(--bittersweet-shimmer);
    color:  var(--parchment);
}
.about-card-3{
    background-color: var(--parchment);
        color:  var(--prussian-blue);

}

.biography-content{
   background-color: var(--parchment);
     color:  var(--prussian-blue);
    font-size: 1.1em;
}

mark{
    background-color: transparent;
    font-weight: 700;
    font-size: 1.1em;
    color:  var(--prussian-blue);
}
@media (max-width: 600px) {
    .about-card-1, .about-card-2, .about-card-3{
    }
}