/* Custom Styles that complement Tailwind */

      html,
      body,
      * {
        cursor: url("https://nikhilt8144.github.io/assets/img/cursor.png") 16 16, auto !important;
      }

      .nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
      }

      .nav-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }

      .project-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .project-card:hover {
        transform: translateY(-5px);
      }

      /* Page Transition Animation */
      .page-transition {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0ea5e9;
        z-index: 9999;
        transform: translateY(100%);
      }