@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap'); * { margin: 0; padding: 0; border: none; outline: none; } html, body { width: 100%; height: 100%; } body{ display: flex; align-items: center; justify-content: center; background-color: #ffffff00; } @media (hover: hover) and (pointer: fine) { #cursor { z-index: 99; position: fixed; left: 0; top: 0; pointer-events: none; will-change: transform; } #cursor .cursor--inner { width: 1vw; height: 1vw; background: red; border-radius: 50%; transform: translate(-50%, -50%); border: none; } }