body {
    font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: black;
	background-color: white;
}

.altered-image {
	width: 150px;
	height:auto;
}

.altered-image.penguin {
	border: 1px solid black;
	border-radius: 50%;
	-webkit-filter:sepia(30%);
	filter:sepia(30%);
}

.altered-image.dinosaur {
	-webkit-filter:hue-rotate(90deg) drop-shadow(10px 10px 4px #000000);
	filter:hue-rotate(90deg) drop-shadow(10px 10px 4px #000000);
 /* -webkit-filter:drop-shadow(10px 10px 4px #000000);
  filter:drop-shadow(10px 10px 4px #000000);
  */
}

.altered-image.seagull {
    background:linear-gradient(120deg, #96a3e8, white);
}

.altered-image.butterfly {
	-webkit-filter:invert(100%) saturate(80%) contrast(60%) brightness(140%);
	filter:invert(100%) saturate(80%) contrast(60%) brightness(140%);
	border-radius: 30% 0 30% 0;
}

.tictactoe-outer {
	width: 200px;
	height: auto;
	border: 31px solid black;
	border-image: url("../img/tic-tac-toe.png") 50 round;
}

.tictactoe-inner {
	width: 100%;
	height: auto;
	position: relative;
	top: 2px;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}

.altered-image.theater-image {
	-webkit-filter:blur(2px);
	filter:blur(2px);
}

.theater-background {
    position: relative;
    top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.theater-foreground {
	color: white;
	font-size: 18px;
	text-shadow: 3px 3px black;
	position: absolute;
	top: 45%;
	left: 30px;
	width: auto;
	height: 100%;
}