Spaces:
Sleeping
Sleeping
File size: 1,365 Bytes
303cf9d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | :root {
--ring-size: 32px;
--dot-size: 6px;
}
* { cursor: none; } /* use custom cursor */
/* Custom cursor */
#cursor-dot, #cursor-ring {
position: fixed;
pointer-events: none;
z-index: 50;
transition: transform 0.08s ease-out, opacity 0.2s ease-out;
}
#cursor-dot {
width: var(--dot-size);
height: var(--dot-size);
margin-left: calc(var(--dot-size) * -0.5);
margin-top: calc(var(--dot-size) * -0.5);
background: white;
border-radius: 9999px;
mix-blend-mode: difference; /* crisp candy feel */
}
#cursor-ring {
width: var(--ring-size);
height: var(--ring-size);
margin-left: calc(var(--ring-size) * -0.5);
margin-top: calc(var(--ring-size) * -0.5);
border: 1px solid rgba(255,255,255,0.6);
border-radius: 9999px;
backdrop-filter: blur(2px);
}
/* Scroll reveal defaults; JS will remove opacity/translate */
.reveal {
will-change: transform, opacity;
}
/* file input nicer in dark bg (safari fix) */
input[type="file"]::file-selector-button {
cursor: pointer;
}
/* Reduce selection glow */
::selection {
background: rgba(255,255,255,0.2);
}
/* Smooth fonts */
html { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; }
* { cursor: none !important; }
input, button, textarea, select, label { cursor: none !important; } |