<div class='example'>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nam assumenda eligendi sunt excepturi quas at officiis debitis, consectetur, tempora beatae, nesciunt cupiditate qui possimus? Cumque accusamus modi harum! Asperiores suscipit, odit perspiciatis autem dolor aliquam repellat? Amet officia ratione minima magnam? Laudantium, natus! Architecto ullam culpa nesciunt blanditiis earum corporis.</div>

@import url('https://fonts.googleapis.com/css2?family=Lemonada&display=swap');

html {
    font-family: 'Lemonada', cursive;
}

.example {
    width: 30rem;
    max-width: 90%;
    margin: 2rem auto;
    padding-bottom: 2rem;
    text-align: center;
    background: linear-gradient(to bottom, #000 0%, #000 100%),
                linear-gradient(to bottom, #000 0%, #000 100%),
                radial-gradient(circle, #000 0%, #000 60%, transparent 70%, transparent 100%);
    background-size: calc(50% - 1rem) 2px,
                     calc(50% - 1rem) 2px,
                     1rem 1rem;
    background-position: 0% calc(100% - .5rem),
                         100% calc(100% - .5rem),
                         50% 100%;
    background-repeat: no-repeat;
}