@mixin main-header() {
  app-header {
    header {
      width: 100%;
      background-color: $main-color;
      border-radius: 20px;
      padding: 10px 20px;
      h1 {
        color: $white-color;
        font-size: 18px;
      }

      .search {
        width: 50%;
        input {
          width: 100%;
          background-color: $white-color;
          border: none;
          padding: 10px;
          border-radius: 20px;
        }
      }

      .profile {
        object-fit: cover;
        border-radius: 50%;
        cursor: pointer;
      }
    }
  }
}
