How to make colored bubbles with CartoCSS

style.css

/** bubble visualization */

#fww_data_for_mapload1{
  marker-fill-opacity: 0.7;
  marker-line-color: #FFF;
  marker-line-width: 0.3;
  marker-line-opacity: 0.8;
  marker-placement: point;
  marker-type: ellipse;
  marker-allow-overlap: true;

}

/* bubbles */

#fww_data_for_mapload1 [ grant_awarded <= 88200] {
   marker-width: 24;
}
#fww_data_for_mapload1 [ grant_awarded <= 54500] {
   marker-width: 18;
}
#fww_data_for_mapload1 [ grant_awarded <= 33500] {
   marker-width: 12;
}
#fww_data_for_mapload1 [ grant_awarded <= 6700] {
   marker-width: 5;
}

/* categories */

#fww_data_for_mapload1{
  marker-fill: grey;
  [ region = "South East" ]{
    marker-fill: #7F3C8D;
  }
  [ region = "North West" ]{
    marker-fill: #11A579;
  }
  [ region = "South West" ]{
    marker-fill: #3969AC;
  }
  [ region = "West Midlands" ]{
    marker-fill: #F2B701;
  }
  [ region = "London" ]{
    marker-fill: #E73F74;
  }
  [ region = "North East" ]{
    marker-fill: #80BA5A;
  }
  [ region = "East Midlands" ]{
    marker-fill: #E68310;
  }
  [ region = "East of England" ]{
    marker-fill: #008695;
  }
  [ region = "Scotland" ]{
    marker-fill: #CF1C90;
  }
  [ region = "Yorkshire and The Humber" ]{
    marker-fill: #f97b72;
  }
}