body {
        padding: 40px 10% 20px 10%;
        font-family: Inter Variable, sans-serif;
      }
      h1 {
        padding: 20px 0;
        font-size: 2.5em;
        text-align: center;
      }
      .form-control {
        padding: 10px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
      }
      .dropdown {
        border: none;
        max-height: 200px;
        overflow-y: auto;
        background: #fff;
        position: absolute;
        width: 100%;
        z-index: 1;
      }
      .dropdown div {
        padding: 10px;
        cursor: pointer;
      }
      .dropdown div:hover {
        background-color: #f0f0f0;
      }
      .table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
      }
      .table th,
      .table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
      }

.top-banner {
    position: fixed; /* Fixes the banner relative to the browser window */
    top: 0; /* Positions it at the very top */
    left: 0; /* Aligns it to the left edge */
    right: 0; /* Ensures it spans the full width */
    background-color: #333; /* Example background color */
    color: white; /* Example text color */
    padding: 10px; /* Adds some space inside the banner */
    text-align: center; /* Centers the text */
    z-index: 1000; /* Ensures the banner stays on top of other elements */
    font-size: 20px;
    a {color: #ffffff; /* Use Hex, RGB, or color names */}
}

.content {
    margin-top: 50px;
    padding: 20px;
}