canvas
{
   text-align: center;
  height: 200pt;
  width: 200pt;
  margin:10px;
  border:2px solid #595959;
  padding:20px;
  border-radius:25px;
}
body
{
  background-image:radial-gradient(#ddede1,#c9f2d4);
  
 
}
h1
{
  text-align: center;

}
.anim
{
  animation-name: colors;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}
@keyframes colors 
{
  from {background-color:#12e9f8;}
  to {background-color:#f772c9;}
  to {background-color:#f2bfe0;}

}
h2
{
  text-align: center;
}
p
{
  text-align: center;
}