body{
	background-color: black;
	text-align: center;
	/* sets the black background that will be used as a basis for overlaying the other newly-styled elements.*/
}
/*Defines some nostalgic colors for the headings.*/

h1{
	color: #211ee3;
}
h2{
	color: #e5e112;
	
}
h3{
	color: white;
	
}
/*Defines some very nostalgic font parameters.*/
@font-face {
  font-family: 'anonymous';
  font-style: normal;
  font-weight: 400;
  src: url(./AnonymousPro-Regular.ttf) format('woff2');
}
h1, h2, h3, p, th, td, caption{
	font-family: 'anonymous';
	font-size: 19px
}
/*Tells these elements to use the same colors as the headers; nostalgia and consistency.*/
p, legend{
	color: blue;
	text-align: left;
	background-color: beige;
}


th, td{
	border: 1px solid gray;
	border-radius: 10px;
	padding: 10px;
	background-color: darkgray;
	color: green;	
}
table{
	border-spacing: 5px;
	border-collapse: separate;
}
caption{
	border: 1px solid gray;
	border-radius: 10px;
	padding: 10px;
	background-color: #211ee3;
	color: white;
}
ul, ol, dl{
	background-color: #211ee3
}
li, dd, dt, label, a:link{
	background-color: #3004db;
	color: white;
	font-family: "Times New Roman";
	font-size: 19px;
}
a:hover{
	background-color: #3004db;
	color: #e5e112;
	font-family: "Times New Roman";
	font-size: 19px;
}
a:active{
	background-color: #3004db;
	color: #04041a;
	font-family: "Times New Roman";
	font-size: 19px
}
.term{
	background-color: #e5e112;
	color: #3004db;
	font-family: 'anonymous';
	border: 3px double #3004db ;
}
.funfact{
	background-color: #3004db;
	color: #e5e112;
	font-family: 'anonymous';
	border: 3px double #e5e112 ;
}
#fav-hobby{
	background-color: #3004db;
	color: #e5e112;
	font-family: 'anonymous';
	border: 3px double #e5e112 ;
}
.oppro{
	animation-name: notAllowed;
	animation-duration: 5s;
}
@keyframes notAllowed {
	0% {background-color:darkgray}
	5% {background-color:red}
	10% {background-color:darkgray}
	15% {background-color: red}
	20% {background-color:darkgray}
	25% {background-color:red}
	30% {background-color:darkgray}
	35% {background-color:red}
	40% {background-color:darkgray}
	45% {background-color:red}
	50% {background-color:darkgray}
	55% {background-color:red}
	60% {background-color:darkgray}
	65% {background-color:red}
	70% {background-color:darkgray}
	75% {background-color:red}
	80% {background-color:darkgray}
	85% {background-color:red}
	90% {background-color:darkgray}
	95% {background-color:red}
	100% {background-color:darkgray}
}
.stopPlay{
	animation-name: stopDisc;
	animation-duration: 500ms
}
@keyframes stopDisc{
	0%   { transform: translate(-1%, -1%) skewX(-.125deg); }
	50%  { transform: translate(-1%, -.6%) skewX(.375deg); }
	100% { transform: translate(-1%, -1%) skewX(0); }
}
.interlaceError{
	animation: holdBad .15s infinite;
	background: repeating-linear-gradient(
      to bottom,
      rgba(0, 255, 100, 0.05),
      darkgray 1px,
      transparent 1px,
      transparent 2px
    );
}
@keyframes holdBad {
	0%, 100% { opacity: .7; }
    50%      { opacity: 3; }
	0%   { transform: translateY(0); }
    25%  { transform: translateY(2px); }
    50%  { transform: translateY(-2px); }
    75%  { transform: translateY(1px); }
    100% { transform: translateY(0); }
	0% { transform: skewX(-2deg); opacity: 0.8; }
      50% { transform: skewX(2deg); opacity: 0.6; }
      100% { transform: skewX(0deg); opacity: 1; }
}
.freezeandskip{
	animation-name: skipahead;
	animation-duration: 3s
}
@keyframes skipahead{
	1% {transform: translate(2px, 3px )}
	2% {transform: translate(-2px, -3px)}
	3% {transform: translate(2px, 3px )}
	4% {transform: translate(-2px, -3px)}
	5% {transform: translate(2px, 3px )}
	6% {transform: translate(-2px, -3px)}
	7% {transform: translate(0px, 0px )}
	8% {background-color: darkslategray}
	91% {transform: translate(2px, 3px )}
	92% {transform: translate(-2px, -3px)}
	93% {transform: translate(0px, 0px )}
	94% {background-color: slategray;}
	100% {background-color: darkgray;}
}
.horOut{
	animation: nohorint .1s ease-in-out 2;
	
}
@keyframes nohorint{
	0%   { transform: translateY(0px); }
	50%  { transform: translateY(12px); }
	100% { transform: translateY(0px); }
	0%   { transform: translateY(0); }
    25%  { transform: translateY(2px); }
    50%  { transform: translateY(-2px); }
    75%  { transform: translateY(1px); }
    100% { transform: translateY(0); }
}
.nosig{
	animation-name: siglost; 
	animation-duration: 3s;
}
@keyframes siglost{
	0% {
		background-color: black;
		color: black;
	}
	10%{
		background-color: darkgray;
		color: green;
	}
	20%{
		background-color: black;
		color: black;
	}
	30%{
		background-color: darkgray;
		color: green;
	}
	40%{
		background-color: black;
		color: black;
	}
	50%{
		background-color: darkgray;
		color: green;
	}
	60% {
		background-color: black;
		color: black;
	}
	70%{
		background-color: darkgray;
		color: green;
	}
	80% {
		background-color: black;
		color: black;
	}
	90%{
		background-color: darkgray;
		color: green;
	}
	100% {
		background-color: black;
		color: black;
	}
}