ckwards;
    }

    @keyframes swing-backwards {
      0% {
        z-index: 2;  /* start in front of other card */
        transform: translateX(var(--overlap)) scale(1.1);
      }
      50% {
        transform: translateX(var(--swing));
      }
      100% {
        z-index: 1; /* end behind other card */
        transform: scale(0.9);
      }
    }

    h1 {
      margin: 0;
      padding-bottom: 10px;
      border-bottom: 1px dashed #bdd6d2;
      font-size: 1.5rem;
    }

    ul {
      margin: 15px 0;
