li.good::before {
    content: '\2713';
    color: #00CC00; /* Change bullet color */
    font-weight: bold; /* Make bullet bold */
    display: inline-block;
    width: 1em; /* Adjust spacing */
}
  
li.bad::before {
    content: '\2717';
    color: #CC0000; /* Change bullet color */
    font-weight: bold; /* Make bullet bold */
    display: inline-block;
    width: em; /* Adjust spacing */
}
     
li.neutral::before {
    content: '\2722';
    color: #000000; /* Change bullet color */
    font-weight: bold; /* Make bullet bold */
    display: inline-block;
    width: 1em; /* Adjust spacing */
}
  
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    text-align: center;
    font-size: 0.8em;
  }