code {
	background-color: rgb(048,056,065);
	font-family: monospace;
	padding: 0.2em 0.4em;
	border-radius: 005%;
}

.color-cyan {
	color: rgb(092,175,175);
}

.color-purple {
	color: rgb(189,143,189);
}

.color-magenta {
	color: rgb(235,095,102);
}

.css-property-name {
	color: rgb(216,222,233);
	font-style: italic;
}

@keyframes animation-font-shuffle {
	004%	{font-family:Arial,sans-serif;}
	008%	{font-family:Baskerville,"Baskerville Old Face",serif;}
	012%	{font-family:"Bodoni MT",serif;}
	016%	{font-family:"Book Antiqua",serif;}
	020%	{font-family:"Brush Script MT",cursive;}
	024%	{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
	028%	{font-family:"Comic Sans MS",cursive;}
	032%	{font-family:Consolas,monospace;}
	036%	{font-family:Copperplate,"Copperplate Gothic Light",fantasy;}
	040%	{font-family:"Courier New",Courier,monospace;}
	044%	{font-family:Didot,"Didot LT STD",serif;}
	048%	{font-family:"Futura",sans-serif;}
	052%	{font-family:Garamond,serif;}
	056%	{font-family:Georgia,serif;}
	060%	{font-family:"Gill Sans","Gill Sans MT",sans-serif;}
	064%	{font-family:Impact,sans-serif;}
	068%	{font-family:"Lucida Bright",serif;}
	072%	{font-family:"Lucida Sans Typewriter","Lucida Console",monospace;}
	076%	{font-family:Palatino,"Palatino Linotype","Palatino LT STD",serif;}
	080%	{font-family:Papyrus,fantasy;}
	084%	{font-family:Rockwell,serif;}
	088%	{font-family:Tahoma,sans-serif;}
	092%	{font-family:TimesNewRoman,"Times New Roman",Times,serif;}
	096%	{font-family:"Trebuchet MS",sans-serif;}
	100%	{font-family:Verdana,sans-serif;}
}

@keyframes fade-in {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}

header h1 span {
	animation: animation-font-shuffle 12s 1;
}

header h1 span:nth-of-type(01) {animation-delay: -0.5s;}
header h1 span:nth-of-type(02) {animation-delay: -1.0s;}
header h1 span:nth-of-type(03) {animation-delay: -1.5s;}
header h1 span:nth-of-type(04) {animation-delay: -2.0s;}
header h1 span:nth-of-type(05) {animation-delay: -2.5s;}
header h1 span:nth-of-type(06) {animation-delay: -3.0s;}
header h1 span:nth-of-type(07) {animation-delay: -3.5s;}
header h1 span:nth-of-type(08) {animation-delay: -4.0s;}
header h1 span:nth-of-type(09) {animation-delay: -4.5s;}
header h1 span:nth-of-type(10) {animation-delay: -5.0s;}

header h1 span:hover {
	animation-name: animation-font-shuffle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@keyframes flashing-yellow {
	0%		{background-color: rgba(255,255,000,1.0);}
	100%	{background-color: rgba(255,255,255,1.0);}
}

.flashing-yellow {
	animation: flashing-yellow 3s infinite;
}

@keyframes flashing-red {
	0%		{background-color: rgba(255,000,000,1.0);}
	100%	{background-color: rgba(255,255,255,1.0);}
}

.flashing-red {
	animation: flashing-red 3s infinite;
}

.tuck-top {
	top: -6%;
}

h3.tuck-top {
	top: -20%;
}

h3,nav,summary {
	transition: top 0.5s;	
}