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:

hover me please
Second thing
Third thing
extra long list item name abcdefghhijklmopqrstuvyz12345678901234567890-=[]\_+{}|;',./:"?~!@#$%^&*()

..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;
  }
  
  }