/* styles.css is now heavily reduced because Tailwind CSS handles utility styling through index.html */

/* Keep abstract alignments for the 3D rotating items that are hard to do purely strictly with native class utilities without being messy */
.abs-element:nth-child(1) {
    transform: rotateX(20deg) rotateY(10deg);
}
.abs-element:nth-child(2) {
    transform: rotateX(20deg) rotateY(-10deg);
}

/* Custom Selection style just in case tailwind config missed it */
::selection {
    background-color: #2563EB;
    color: white;
}

/* Base resets handled mostly by tailwind, custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #030712;
}
::-webkit-scrollbar-thumb {
    background: #151E32;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2563EB;
}

/* Lenis required base CSS */
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}