/*====================
===== Scroll Bar =====
======================*/
body::-webkit-scrollbar {
  width: 8px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #F2F2F200; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(17,159,235,1); /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid rgba(17,159,235,1); /* creates padding around scroll thumb */
}

/*====================
==== Home History ====
======================*/
.idh-flex {
  display: flex;
  align-items: center;
  }

  .ideal-history {
      display: flex;
      gap: 5px;
      padding: 15px;
      margin: 0 10px;
      border-style: solid;
  }

  .left .ideal-history {
      border-image: linear-gradient(to left, rgba(0,0,0,0), rgba(17,159,235,1)) 1;
      border-width: 0 0 5px 5px;
  }

  .right .ideal-history {
      border-image: linear-gradient(to right, rgba(0,0,0,0), rgba(17,159,235,1)) 1;
      border-width: 0 5px 5px 0;
      justify-content: flex-end;
      align-items: flex-end;
  }

  @media screen and (max-width: 768px) {
      .ideal-history {
          flex-direction: column;
      }
  }

  @media screen and (min-width: 768px) {
      .ideal-history {
          flex-direction: row;
          width: 50%;
      }
  }