CSS example

.fragment {
  background: grey
}
.fragment h1 {
  color: red;
}
.fragment h2 {
  color: blue
}
.fragment h3 {
  color: green;
}
.fragment h4 {
  color: #FF4400;
}
.fragment h5 {
  color: yellow;
}
.fragment h6 {
  color: white;
}

.fragment p {
  font-family:sefif;
  font-size:50px;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
  text-decoration:underline;
  color:green;
  transform: rotate(10deg);
  padding:20px;
  margion:20px;
  animation: mymove 1s infinite alternate;
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}
@keyframes mymove {
  from {margin-left: 20px}
  to {margin-left: 100px}
}

color red

color blue

color green

color #FF4400

color yellow
color white

this is a paragraph with css

please visit https://www.w3schools.com/css/default.asp