.search-container {
    display: flex;
    align-items: right;
  }

  .search-input {
    padding: 0.5rem;
    border: none;
    border-radius: 4px 0 0 4px;
    outline: none;
  }

  .search-button {
    background-color: var(--hover-color);
    color: var(--text-color);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
  }

  .login-button {
    /*background-color: var(--primary-color);*/
    color: var(--text-color);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .login-button:hover {
    background-color: var(--hover-color);
  }

  .main-content {
    padding-top: 90px;
  }