
    .highlight {
      background-color: yellow;
      font-weight: bold;
      cursor: pointer;
      text-decoration: underline;
    }
    .popup {
      position: fixed;
      display: none;
      padding: 10px;
      background-color: white;
      border: 1px solid #fa463f;
      width: 200px;
      z-index: 9999;
      left: 40%;
      top: 40%;
      text-align: center;
      border-radius: 10px;
      box-shadow: -3px 3px 8px -4px #fa463f, 3px 3px 8px -4px #fa463f;
    }
    .popup p{
        font-weight: bold;
    }
    .close{
        width: 16%;
        position: absolute;
        right: -16%;
        top: -16%;
        cursor: pointer;
    }
@media screen and (max-width:700px){
  .popup{
    width: 26%;
  }
}