* { font-family: "Ringside Regular SSm A", "Ringside Regular SSm B" }
    body {
      animation: fadeIn 0.4s ease-in;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }    
    .pdf-entry {
      page-break-inside: avoid;
      margin-bottom: 20px;
      padding: 10px;
      border-bottom: 1px solid #ccc;
    }
    #pdfOverlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1050;
      background-color: rgba(25, 50, 90, 0.85); /* Background now covers the whole screen */
      display: flex; /* Use flexbox for easy centering */
      justify-content: center; /* Center horizontally */
      align-items: center; /* Center vertically */
    }
    .btn-outline-primary { color: #4682f0; }
    ul li { margin-bottom: .5rem }     
    #pdfProgressBar {
      transition: width 0.4s ease-in-out;
    }
    .btn-success {background-color:#4682f0 !important;border:0 !important;}
    .btn-success:hover {background-color:#19325a !important;}
    .btn-secondary {border:0 !important;}
    .badge {font-size:0.9em !important;margin-bottom:3px;}
    #scrollToTopBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 20px; /* Place the button at the bottom of the page */
      right: 30px; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background-color: #888; /* Set a background color */
      color: white; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 3px 15px 5px 15px; /* Some padding */
      border-radius: 10px; /* Rounded corners */
      font-size: 25px; /* Increase font size */
    }
    #scrollToTopBtn:hover {
      background-color: #555; /* Add a dark-grey background on hover */
    }