@keyframes fall{to{transform:translateY(110vh)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:root{--color-primary: #98B1E5;--color-secondary: #A8EFC0;--color-tertiary: #EFE8A8;--color-background: #FEF9C3}body{background-color:var(--color-background);font-family:Comic Relief,cursive,sans-serif}.text-primary{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:border-primary:hover{border-color:var(--color-primary)}.focus\:ring-primary:focus{--tw-ring-color: var(--color-primary)}.text-secondary{color:var(--color-secondary)}.bg-secondary{background-color:var(--color-secondary)}.border-secondary{border-color:var(--color-secondary)}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.focus\:ring-secondary:focus{--tw-ring-color: var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.bg-tertiary{background-color:var(--color-tertiary)}.border-tertiary{border-color:var(--color-tertiary)}