diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..410ca3a --- /dev/null +++ b/css/style.css @@ -0,0 +1,59 @@ +/* Custom Styles for Plexi09 Portfolio */ + +/* Hide default scrollbar for a cleaner look */ +::-webkit-scrollbar { + display: none; +} +html { + scrollbar-width: none; + +} + +/* Lenis Smooth Scroll */ +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; +} + +/* Typography & Utilities */ +.stroke-text { + -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8); +} + +/* Custom Cursor */ +@media (min-width: 768px) { + body, a, button, .hover-target { + cursor: none; + } +} + +/* Selection color */ +::selection { + background-color: #ffffff; + color: #000000; +} + +/* Preloader */ +#preloader { + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); +} + +/* Gallery Scroll */ +.gallery-wrapper::-webkit-scrollbar { + display: none; +} +.gallery-wrapper { + -ms-overflow-style: none; + scrollbar-width: none; +}