*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color:white;--x:50%;--y:50%}body{height:100vh;font-family:"Helvetica",sans-serif;display:flex;justify-content:center;align-items:center;cursor:none;background:black}h1{color:white;font-size:150px}.round{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;transition:all .1s linear;-webkit-clip-path:circle(3% at var(--x) var(--y));clip-path:circle(3% at var(--x) var(--y));background:white}.round::before{color:black;content:var(--title);font-size:150px;font-weight:bold}@media(max-width:550px){h1{font-size:65px}}