/*  Your Custom CSS Code Goes Here */
  

  @keyframes floatY{
    0%,100%{transform:translateY(0px) rotate(0deg);}
    50%{transform:translateY(-18px) rotate(3deg);}
  }
  @keyframes floatY2{
    0%,100%{transform:translateY(0px) rotate(0deg);}
    50%{transform:translateY(14px) rotate(-4deg);}
  }
  @keyframes blobMorph{
    0%,100%{border-radius:42% 58% 65% 35% / 45% 40% 60% 55%;}
    33%{border-radius:63% 37% 40% 60% / 55% 65% 35% 45%;}
    66%{border-radius:35% 65% 55% 45% / 62% 38% 62% 38%;}
  }
  .animate-float{animation:floatY 6s ease-in-out infinite;}
  .animate-float-slow{animation:floatY2 8s ease-in-out infinite;}
  .blob-mask{border-radius:42% 58% 65% 35% / 45% 40% 60% 55%; animation:blobMorph 12s ease-in-out infinite;}

  @media (prefers-reduced-motion: reduce){
    .animate-float,.animate-float-slow,.blob-mask{animation:none;}
  }

  

  .nav-link-underline{position:relative;}
  .nav-link-underline::after{
    content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#EE7052;transition:width .25s ease;
  }
  .nav-link-underline:hover::after{width:100%;}