#banner{
    background-image: url("/images/background_banner.png"), linear-gradient(45deg, #59595a 0%, #404042 100%);
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    color:white;
    padding:2rem;
    margin-bottom: 10px;
    height: 100px;
}

.card-text{
    margin-bottom: 0px;

}

.link-icons{
    font-size:25px;
}

audio{
    margin:10px 0px;
}

.myTooltip {
    position: relative;
    display: inline-block;
  }
  
  .myTooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 18px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 360%;
  }
  
  .myTooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:  transparent #555 transparent transparent;
  }
  
  .myTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .font-22{
    font-size: 22px;
  }

.margin-left-minus-4{
  margin-left:-4px;
}

  .margin-left-20{
    margin-left: 20px;
  }