#legendas {
  font-family: Arial; 
  font-size: 11px; 
  text-transform: uppercase"
}
.cor {
  margin-top: -3px; 
  width: 20px; 
  height: 20px; 
  background-color: #EC1B21; 
  border-radius: 6px;
}
.isRed {
  background-color: #EC1B21;
}
.isYellow {
  background-color:#EC1B21;
}
.isBlue {
  background-color:#EC1B21;
}
.isGreen {
  background-color:#EC1B21;
}
.isYellow {
  background-color:#EC1B21;
}
.isYellow {
  background-color:#EC1B21;
}

.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


.fade-in02 {
	-webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-in03 {
	-webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}

.fade-in04 {
	-webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000)  1s both;
	        animation: fade-in 3s cbic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

.fade-in05 {
	-webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
	        animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
}

.stats {
  position: fixed;
  bottom: 0.5em;
  right: 0.5em;
  font-size: 0.75em;
  text-align: right;
}
.stats > * {
  margin: 0;
  padding: 0;
}