frontend/src/components/shared/Header/Header.css

.header-container {
    padding: 10px 15px; /* Padding for overall spacing */
    padding-bottom: 30px;
    background-image: linear-gradient(180deg, #000000 5%,#110e21 70%, transparent 100%);
    color: white;
    display: flex;
    justify-content: center; /* Center the content horizontally */
    width: 100dvw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  
  .header-right {
    display: flex;
    align-items: center; /* Vertically center items */
    gap: 20px; /* Add space between logo and search button */
  }
  
  .header-logo-container {
    display: flex;
    align-items: center; /* Vertically center logo and title */
    gap: 10px; /* Space between logo and title */
  }
  
  .header-logo {
    border-radius: 10px;
  }
  
  .header-title {
    font-size: x-large;
    padding: 0;
    font-weight: 800;
  }
  
  .search-button{
    right: 0;
    padding: 8px;
    padding-right: 25px;
    position: absolute;
    color: white;
    
  }

  .search-button span{
    font-size: 30px;
  }