@font-face {
  font-family: Apercu;
  src: url(./Apercu.otf);
}
@-webkit-keyframes pulse {
	0% {
	color: #00F400;
	}
	8% {
			color: #D2FD00;
	}
	16% {
	color: #B1FC00;
	}
	24% {
	color: #FFF100;
	}
	32% {
	color: #00F059;
	}
	40% {
	color: #FFA100;
	}
	48% {
	color: #00F400;
			}
	56% {
	color: #FF4B78;
	}
	64% {
	color: #76FF4B;
	}
	72% {
	color: #A55AFF;
	}
	80% {
	color: #4BFFAD;
	}
	88% {
	color: #FFE14B;
}
	95% {
	color: #8AEA3B;
	}
100% {
	color: #000000;
}
}
@-moz-keyframes pulse {
	0% {
	color: #00F400;
	}
	8% {
			color: #D2FD00;
	}
	16% {
	color: #B1FC00;
	}
	24% {
	color: #FFF100;
	}
	32% {
	color: #00F059;
	}
	40% {
	color: #FFA100;
	}
	48% {
	color: #00F400;
			}
	56% {
	color: #FF4B78;
	}
	64% {
	color: #76FF4B;
	}
	72% {
	color: #A55AFF;
	}
	80% {
	color: #4BFFAD;
	}
	88% {
	color: #FFE14B;
}
	95% {
	color: #8AEA3B;
	}
100% {
	color: #000000;
}
}
@-o-keyframes pulse {
	0% {
		color: #00F400;
		}
		8% {
				color: #D2FD00;
		}
		16% {
		color: #B1FC00;
		}
		24% {
		color: #FFF100;
		}
		32% {
		color: #00F059;
		}
		40% {
		color: #FFA100;
		}
		48% {
		color: #00F400;
				}
		56% {
		color: #FF4B78;
		}
		64% {
		color: #76FF4B;
		}
		72% {
		color: #A55AFF;
		}
		80% {
		color: #4BFFAD;
		}
		88% {
		color: #FFE14B;
	}
		95% {
		color: #8AEA3B;
		}
	100% {
		color: #000000;
	}
}
@keyframes pulse {
	0% {
	color: #00F400;
	}
	8% {
			color: #D2FD00;
	}
	16% {
	color: #B1FC00;
	}
	24% {
	color: #FFF100;
	}
	32% {
	color: #00F059;
	}
	40% {
	color: #FFA100;
	}
	48% {
	color: #00F400;
			}
	56% {
	color: #FF4B78;
	}
	64% {
	color: #76FF4B;
	}
	72% {
	color: #A55AFF;
	}
	80% {
	color: #4BFFAD;
	}
	88% {
	color: #FFE14B;
}
	95% {
	color: #8AEA3B;
	}
100% {
	color: #000000;
}}

#container {
	width: 100%;
	height: 100%;overflow:hidden;
	margin: 0 auto;
}

#content {
	margin: 7px;

	width: 100%;
	font-size:4.7vmax;
	font-family: 'Apercu', monospace;
align-content: center;
 line-height: 115%;overflow:hidden;
}

.outputSample {
		margin: 20px;
	padding: 5px;overflow:hidden;
}

#content {
	margin: 15px;
	width: 100%;
	font-size:4.7vmax;
	font-family: "Comic Sans MS", cursive, sans-serif;
align-content: center;overflow:hidden;
}
::-moz-selection { /* Code for Firefox */

  background: purple;
}

::selection {

  background: purple;}
#output {
	margin: 10px;
	padding: 5px;
	font-size:4.7vmax;
	font-family: "Comic Sans MS", cursive, sans-serif;
  animation: pulse 1.9s infinite steps(5, end);
  /* When the animation is finished, start again */
  animation-iteration-count: infinite;overflow:hidden;

}

#grammar {
		padding: 5px;
	margin: 10px;overflow:hidden;
}