@import url("/css/all.css");
.client_header{
      padding: 10px;
      border-bottom: 6px solid var(--bg);
      font-size: 30px;
      background: linear-gradient(to right, var(--lightest_bg), var(--light_grey));
}

/* login / sign up */
.login_div{
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.login_header{
      text-align: center;
      font-size: 30px;
}
.client_flex{
      display: flex;
      flex-flow: column;
      padding: 10px;
}
.client_item{
      border: 1px solid var(--bg);
      padding: 10px;
      font-size: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      color: var(--bg);
      transition: 1s;
}
.client_item:hover{
      background: var(--bg);
      color: white;
      padding: 10px 20px;
      transition: 1s;
}

@media screen and (min-width : 600px) {
      .login_div{
            width: 500px;
            margin: auto;
      }
}