.search-container {
      display: flex;
      align-items: center;
      position: relative;
  }

  .search-input {
      width: 0;
      padding: 5px;
      border: 1px solid #000;
      transition: width 0.3s ease;
      opacity: 0;
      position: absolute;
      right: 0;
      font-size: 24px
  }

  .search-input.active {
      width: 350px;
      opacity: 1;

  }

  .search-icon {
      cursor: pointer;
  }

  #close-search{
    position: absolute;
    padding: 10px;
    cursor: pointer;
  }