padding

demo.html

@@ -48,6 +48,7 @@ the financial times of 1996, the article is called <em>This bug in your PC is a
     --colorA : violet;
     --colorB : darkgreen;
     --colorC : purple;
+    --padding : 20px;
     --font-size: 24px;
     --point-size: 6px;
     --angle : 8deg;
@@ -78,7 +79,11 @@ width:var(--point-size);
 height:var(--point-size);
 border-radius:100%;margin-bottom:auto
 }
-.demo { width:fit-content; animation: rotation var(--duration) infinite linear; background:var(--background-text)}
+.demo { width:fit-content; 
+    animation: rotation var(--duration) infinite linear;
+    background:var(--background-text);
+    padding:var(--padding);
+}
 body {height:calc(100vh - 20px); display:flex;justify-content:center;align-items:center}
 #cvfc{border-color:var(--colorA) !important;
 animation:blink .5s alternate linear;