html {
  height: 200%;
  color: white;
 background: linear-gradient(violet, cyan, blue);
}
/* selector(tagname) (
  property: value;
  property: value;
}
*/
body {
  background: radial-gradient(pink, orange, red);
  
}

.rounded-box {
  background-color: Indigo;
  text-align: center;
  padding: 2rem;
  border-radius: 20rem;
  margin: 2rem auto;
  width: clamp(20rem, 30rem, 40rem);
  box-shadow: 5px 5px 5px Yellow, 5px 5px 5px darkslategray;
 animation-name: color-change;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
 

h1 {
  text-decoration: underline orange wavy 3px;
  font-family: "lexend", seriff;
    font-size: 50px;
  text-shadow: 7px 5px 5px #FFB000;
    padding: 1em;
  
}

a {
  color: cyan;
    font-family: Monospace;
  font-size: 20px; 
  margin: 5em
}  

h2 {
  font-size: 30px;
    font-family: tahoma;
      text-decoration: underline orange wavy 3px;
}

@Keyframes color-change {
  0% {background-color: red;}
  33% {background-color: green;}
  66% {background-color: blue}
  100% {background-color: red}
 
}