.card1 {
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
/* clip-path: polygon(45% 0%, 100% 0%, 100% 100%, 55% 100%); */
}
.card2 {
    clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 50% 100%);
}

.js-scroll {
    clip-path: polygon(0% 0%, 5% 0%, 0% 100%, 0% 100%);
  transition: 0.8s;
}

.js-scroll.scrolled {
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.js-scroll2 {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 95% 100%);
  transition: 0.8s;
}

.js-scroll2.scrolled {
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.transition{
    opacity: 1;
    transition: opacity 0.3s linear;
}

#sidebar{
  width: 0px;
  /* visibility: visible; */
  overflow: auto;
  transition: width .35s;
}

#sidebar.expanded{
  width: 230px;
  /* visibility: hidden; */
}