#content{background-color:#92949c9a;border-radius:10px;padding:1em;margin-block:1em;animation:rainbow-border 5s linear;animation-iteration-count:infinite}body[theme=dark]{background-color:#222428;color:#f4f5f8}body[theme=light]{background-color:#f4f5f8;color:#222428}body{animation:grayscale-background 20s linear;animation-iteration-count:infinite;transition:.2s}@keyframes grayscale-color{0%,to{color:#000}25%,75%{color:gray}50%{color:#fff}}@keyframes grayscale-color-reversed{0%,to{color:#fff}25%,75%{color:#7f7f7f}50%{color:#000}}@keyframes grayscale-background{0%,to{background-color:#000}25%,75%{background-color:gray}50%{background-color:#fff}}@keyframes grayscale-border{0%,to{border:2px solid #000000}25%,75%{border:2px solid #808080}50%{border:2px solid #ffffff}}@keyframes grayscale-background-reverse{0%,to{background-color:#000}25%,75%{background-color:#7f7f7f}50%{background-color:#fff}}@keyframes grayscale-border-reverse{0%,to{border:2px solid black}25%,75%{border:2px solid #7f7f7f}50%{border:2px solid white}}@keyframes rainbow-color{to,0%{color:red}8%{color:#ff7f00}16%{color:#ff0}25%{color:#7fff00}33%{color:#0f0}41%{color:#00ff7f}50%{color:#0ff}58%{color:#007fff}66%{color:#00f}75%{color:#7f00ff}83%{color:#f0f}91%{color:#ff007f}}@keyframes rainbow-background{to,0%{background-color:red}8%{background-color:#ff7f00}16%{background-color:#ff0}25%{background-color:#7fff00}33%{background-color:#0f0}41%{background-color:#00ff7f}50%{background-color:#0ff}58%{background-color:#007fff}66%{background-color:#00f}75%{background-color:#7f00ff}83%{background-color:#f0f}91%{background-color:#ff007f}}@keyframes rainbow-border{to,0%{border:5px solid #ff0000}8%{border:5px solid #ff7f00}16%{border:5px solid #ffff00}25%{border:5px solid #7fff00}33%{border:5px solid #00ff00}41%{border:5px solid #00ff7f}50%{border:5px solid #00ffff}58%{border:5px solid #007fff}66%{border:5px solid #0000ff}75%{border:5px solid #7f00ff}83%{border:5px solid #ff00ff}91%{border:5px solid #ff007f}}