.circuloRojo{
  color: aliceblue;
  padding-left: 15px;
  -webkit-border-radius: 150px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 150px;
  -moz-border-radius-topright: 0;
  border-radius: 150px;
  border-top-right-radius: 0;
  background: rgb(36,0,3);
  background: radial-gradient(circle, rgba(36,0,3,1) 0%, rgba(121,39,9,1) 62%, rgba(255,145,0,1) 100%); 
}
.circuloAmarillo{
  padding-left: 15px;
  -webkit-border-radius: 150px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 150px;
  -moz-border-radius-topright: 0;
  border-radius: 150px;
  border-top-right-radius: 0;
  background: rgb(245,226,80);
  background: radial-gradient(circle, rgba(245,226,80,1) 0%, rgba(227,250,103,1) 62%, rgba(214,254,64,1) 100%);
}
.circuloVerde{
  padding-left: 15px;
  -webkit-border-radius: 150px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 150px;
  -moz-border-radius-topright: 0;
  border-radius: 150px;
  border-top-right-radius: 0;

  background: rgb(87,215,40);
  background: radial-gradient(circle, rgba(87,215,40,1) 0%, rgba(102,245,116,1) 62%, rgba(131,236,166,1) 100%); 
}