

.tooltip {
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: darkred;
}

.tooltip .tooltiptext {
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
position: absolute;
z-index: 1;
}

.tooltip:hover .tooltiptext {
visibility: visible;
font-weight: normal;
}

.yes {
background-color: #CEE6BB;
}

.almost {
background-color: #E7F2DD;
}

.mixed {
background-color: #E7DEB1;
}

.not