var edits

demo.html

@@ -50,7 +50,7 @@ the financial times of 1996, the article is called <em>This bug in your PC is a
     --colorB : darkgreen;
     --colorC : purple;
     --padding : 20px;
-    --font-size: 24px;
+    --font-size: 20px;
     --point-size: 6px;
     --angle : 8deg;
     --amplitude : 40deg;
@@ -58,10 +58,10 @@ the financial times of 1996, the article is called <em>This bug in your PC is a
     --background: whitesmoke;
     --background-text: lightyellow;
     --underline-style : wavy;
-    --duration: 60s;
+    --duration: 4s;
     --width-footer:min(800px, 100%);
     --indent:50px;
-    --message-of-hope:"Let's bake nicer cookies."
+    --conclusion:"Let's bake nicer cookies."
 }
 span{font-size:calc(var(--font-size) * 2);display:inline-block}
 span:nth-of-type(3n){color:var(--colorA);}
@@ -106,5 +106,5 @@ b {font-weight:normal; color:var(--colorC)}
 footer p, ul{margin:0}
 ul {padding-left:var(--indent)}
 footer p:not(:first-of-type) {text-indent:var(--indent)}
-#bake::after {display:block;content:var(--message-of-hope)}
+#bake::after {display:block;content:var(--conclusion)}
 </style>