body{
    background:var(--wa-color-indigo-60);
      font-family: "Comic Relief", sans-serif!important;
  font-weight: 400;
  font-style: normal;
  font-size:20px!important;
  background-attachment:fixed;
  background-image:url('/media/assets/spiral_bg.png');
  background-size:350px;
}

p, h1, h2, h3, h4, h5, span, a{
    font-family: "Comic Relief", sans-serif!important;
  font-weight: 400;
}


wa-button[variant="neutral"]{
    --wa-color-fill-loud: var(--wa-color-indigo-50);
    --wa-color-fill-normal: var(--wa-color-indigo-50);
    --wa-color-fill-quiet: var(---wa-color-indigo-50);
    --wa-color-border-loud: var(--wa-color-indigo-50);
    --wa-color-border-normal: var(--wa-color-brand-border-normal);
    --wa-color-border-quiet: var(--wa-color-brand-border-quiet);
    --wa-color-on-loud: var(--wa-color-indigo-80);
    --wa-color-on-normal: var(--wa-color-indigo-80);
    --wa-color-on-quiet: var(--wa-color-brand-on-quiet);
}