:root {
     color-scheme: dark;
 }

 html {
     scroll-behavior: smooth;
 }

 @media (prefers-reduced-motion: reduce) {
     html {
         scroll-behavior: auto;
     }

     .motion-safe-only {
         animation: none !important;
         transition: none !important;
     }
 }

 /* Hide the canvas on prefers-reduced-motion and show a static gradient */
 @media (prefers-reduced-motion: reduce) {
     #bg-canvas {
         display: none;
     }
 }

 /* Simple caret for typing demo */
 .caret::after {
     content: "|";
     animation: blink 1s step-start infinite;
     margin-left: 2px;
 }

 @keyframes blink {
     50% {
         opacity: 0;
     }
 }

 .no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}