JSFiddle - React, Tailwind, and code Playground

by Jesper Brinch Korsbakke

HTML

<div class="entry" 
id="space-donuts"></div>

CSS

.entry {
    text-align: center;
    min-height: 400px;
    position: relative;
}

#space-donuts {
    background-color: black;
    background-image: radial-gradient(circle at 50% 10%,#c69c6a 6%,transparent 6%),radial-gradient(circle at 58% 12%,#c69c6a 5%,transparent 5%),radial-gradient(circle at 63% 18%,#c69c6a 5%,transparent 5%),radial-gradient(circle at 64% 25%,#c69c6a 7%,transparent 7%),radial-gradient(circle at 61% 34%,#c69c6a 6%,transparent 6%),radial-gradient(circle at 55% 39%,#c69c6a 5%,transparent 5%),radial-gradient(circle at 46% 39%,#c69c6a 6%,transparent 6%),radial-gradient(circle at 40% 34%,#c69c6a 7%,transparent 7%),radial-gradient(circle at 36% 27%,#c69c6a 5%,transparent 5%),radial-gradient(circle at 39% 16%,#c69c6a 7%,transparent 7%),radial-gradient(circle at 50% 25%,transparent 8%,#c69c6a 8%,#c69c6a 18%,#96540c 18%,#96540c 25%,transparent 25%);
    background-size: 100px 100px;
    background-position: center 20px;
}