body{
    background: rgb(219, 219, 219);
  }
  .header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 20px;
    background: #fff;
  }
  .logo{
    display: flex;
    align-items: center;
  }
  .logo span{
      color: blue;
  }
  .logo a{
    color: green;
    font-size: 18px;
    font-weight: 600;
    margin: 2rem 8rem 2rem 2rem;
  }
  .search_box{
    display: flex;
    align-items: center;
  }
  .search_box input{
    padding: 9px;
    width: 250px;
    background: rgb(228, 228, 228);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .search_box i{
    padding: 0.66rem;
    cursor: pointer;
    color: #fff;
    background: green;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .header-icons{
    display: flex;
    align-items: center;
  }
  .header-icons i{
    margin-right: 2rem;
    cursor: pointer;
  }
  .header-icons .account{
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-icons .account img{
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 50%;
  }