Welcome to the test page!

This is a paragraph! Here's how you make a link: home.

bold and italic text.
here's a div!

list:

..and you can use the rainbow tag to make text rainbow!

Code (as of today)

@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap'); h1, h2 { font-family: 'Dela Gothic One', cursive; background: linear-gradient(90deg, hsla(212, 83%, 65%, 1) 30%, hsla(152, 45%, 60%, 1) 50%, hsla(327, 100%, 66%, 1) 70%); text-align:center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body { background-color:#333333; color:white; } body > * { width:100%; } a { background: linear-gradient(90deg, hsla(212, 83%, 65%, 1) 30%, hsla(152, 45%, 60%, 1) 50%, hsla(327, 100%, 66%, 1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline; } div { background-color:grey; width: max-content; } rainbow { background: linear-gradient(90deg, hsla(212, 83%, 65%, 1) 30%, hsla(152, 45%, 60%, 1) 50%, hsla(327, 100%, 66%, 1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } li:hover { animation-timing-function: linear; animation-name: example; animation-duration: 1s; } @keyframes example { 0% {} 100% {background: linear-gradient(90deg, hsla(212, 83%, 65%, 1) 30%, hsla(152, 45%, 60%, 1) 50%, hsla(327, 100%, 66%, 1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } }