body {
	background-color: purple;
	background-image: url("purpl100.jpg");
	font-size: 18px;
	color: yellow;
	font-family: W95FA, "Times New Roman";
	text-align: center;
	padding-top: 50px;
}

#mainstuff {
	background-color: indigo;
	padding: 10px;
	border-style: dashed;
	border-width: 5px;
	border-color: yellow;
	width: 475px;
	position: absolute;
	right: 475px;
}

#sidebar {
	background-color: indigo;
	font-size: 14px;
	padding: 10px;
	border-style: dashed;
	border-width: 5px;
	border-color: yellow;
	width: 100px;
	position: absolute;
	top: 200px;
	left: 350px;
}

#coolthing {
	font-size: 10px;
	padding: 10px;
	width: 100px;
	position: absolute;
	top: 60px;
	left: 350px;
}

#art {
	background-color: indigo;
	padding: 3px;
	border-style: dashed;
	border-width: 5px;
	border-color: yellow;
	width: 350px;
	position: fixed;
	top: 20px;
	right: 20px;
}
a {
	color: orange;
}

h1 {
	font-size: 2em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5em;
}

p {
	line-height: 1.5em;
}

mark {
	color: indigo;
}

html:before {
  animation: flicker 8s steps(10) infinite;
  background-image: url("crt.gif");
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  z-index: 10;
}
@keyframes flicker
  70% { transform:translate(0%, 15%) }