body {
      font-family: sans-serif;
      margin: 0;
      padding-top: 60px; /* space for sticky topbar */
    }

    .content {
      height: 100%;
      width: 99%;
      border: solid #FFA500;
      border-radius: 10px;
      padding: 5px;
      margin: 20px auto;
    }

    .header {
      color: #FFA500;
    }

    .Topbarlink {
      color: #ffffff;
      text-decoration: none;
    }

    .links {
      color: #FFA500;
      text-decoration: none;
    }

    .topimage {
      width: 100%;
      height: auto;
    }

    /* Sticky Topbar */
    .Topbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background-color: #FFA500;
      color: #ffffff;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      display: flex;
      align-items: center;
      z-index: 9999;
    }

    .topbar-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 0 10px;
    }

    .top-title {
      margin: 0;
      font-size: 24px;
    }

    /* Search bar */
    .search-container {
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .search-input {
      padding: 8px 10px;
      border: 1px solid #FFA500;
      border-radius: 6px;
      font-size: 14px;
    }

    .search-button {
      padding: 8px 14px;
      border: none;
      background: #FFA500;
      color: white;
      border-radius: 6px;
      cursor: pointer;
      font-size: 14px;
    }

    .search-button:hover {
      background: #cc8400;
    }