html, body {
  margin: 0;
  padding: 0; }

.aqi-chart-wrap {
  height: 510px;
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-end; }

.aqi-chart-wrap div:nth-child(7n) {
  background-color: #F60; }

.aqi-chart-wrap div:nth-child(7n+1) {
  background-color: #FF0; }

.aqi-chart-wrap div:nth-child(7n+2) {
  background-color: #0C0; }

.aqi-chart-wrap div:nth-child(7n+3) {
  background-color: #699; }

.aqi-chart-wrap div:nth-child(7n+4) {
  background-color: #06C; }

.aqi-chart-wrap div:nth-child(7n+5) {
  background-color: #909; }

.aqi-chart-wrap div:nth-child(7n+6) {
  background-color: #F00; }

/*# sourceMappingURL=index.css.map */