.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  *{
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  
  .nav-item {
    font-size: 14px;
  }

  .card-title {
    font-size: 16px;
  }

  .logo-header {
    width: 40px;
  }
  
  .app-name-header {
    text-decoration: none;
  }

  a {
    text-decoration: none;
  }

  .custom-navbar {
    background-color: black;
  }

  .score-gauge {
    width: 100%;
    height: 250px; /* Adjust as needed */
    display: block;
    margin: 0 auto;
  }

  .tab-content {
    padding-top: 5px !important; /* Reduce further if there's still extra space */
    margin-top: 0 !important;
  }

  .nav-tabs {
      margin-bottom: 0 !important; /* Ensures no space between tabs and content */
  }

  .tab-pane {
      padding-top: 5px !important; /* Ensure minimal spacing within each tab */
  }

  .pagination {
    display: flex;
    justify-content: center;
    list-style-type: none;
  }

  .pagination li {
      margin: 0 5px;
  }

  .pagination a {
      color: #000;
      text-decoration: none;
  }

  .pagination .active span {
      background-color: #007bff;
      color: white;
      border-radius: 4px;
      padding: 5px 10px;
  }