html, body{
  height: 100%;
}

svg {
  height: 100%;
  width: 100%;
}

body {
  background-color: white;
  color: black;
}

h1 {
  font-size: 2.5em;
  text-align: center;
}

.gradient10 {
  fill: #ffff00;
  fill-opacity: 0.85;
}
.gradient9 {
  fill: #ff4500;
  fill-opacity: 0.85;
}
.gradient8 {
  fill: #ff1493;
  fill-opacity: 0.85;
}
.gradient7 {
  fill: #ff00ff;
  fill-opacity: 0.85;
}
.gradient6 {
  fill: #f8be23;
  fill-opacity: 0.85;
}
.gradient5 {
  fill: #7fff00;
  fill-opacity: 0.85;
}
.gradient4 {
  fill: #ab1a8a;
  fill-opacity: 0.85;
}
.gradient3 {
  fill: #00ffff;
  fill-opacity: 0.85;
}
.gradient2 {
  fill: #00bfff;
  fill-opacity: 0.85;
}
.gradient1 {
  fill: #00ff00;
  fill-opacity: 0.85;
}

.tip {
  fill: white;
  fill-opacity: 0.95;
}

.tooltipInfo {
  fill: black;
  font: 14px sans-serif;
}