/*
 Theme Name: Cookie Crafter
 Template: twentytwentyfive
 Version: 1.0
*/

/* -- GRADIENT SWIRLY FUN --*/
@property --rotation-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

body {
  background-image: radial-gradient(circle, rgba(203,235,227,1), rgba(203,235,227,0)), conic-gradient(from 0deg at 50% 50%, pink, #fcf7bb, aquamarine, lightskyblue, pink);
  background-image: radial-gradient(circle, rgba(203,235,227,1), rgba(203,235,227,0)), conic-gradient(from var(--rotation-angle) at 50% 50%, pink, #fcf7bb, aquamarine, lightskyblue, pink);
  animation: rotate-gradient 20s linear infinite;
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes rotate-gradient {
  from { --rotation-angle: 0deg; }
  to   { --rotation-angle: 360deg; }
}