BODY {font-family: "Comic Sans MS",cursive,san-serif; }
H1 {font: x-large Verdana, sans-serif; color: olive;
    border-bottom: thin black solid; text-align: center;}
.tindex {margin: 0;box-shadow:10px 10px 5px #888888;}
.body {background: white no-repeat center;}
       

P {margin: 0.5em 0.5em; text-indent: 2em;}
.tindex a:link {text-decoration:!important;color:slateblue;background-color:blanchedalmond;}
.tindex a:visited {text-decoration:!important;color:firebrick;background-color:rgb(255, 255, 200);}
.tindex a:hover {text-decoration:!important;color:mediumvioletred;background-color:darkslategray;}
P:first-letter {
font-size:120%;
color: darkgreen;
}
.tindex a {
	font-family: 'Akronim', cursive;
	font-size: 25px;
	animation-duration: 3s;
	animation-timing-function:ease-out;
	animation-name: slidein;
}
@keyframes slidein {
  from {
    font-size:0%;
	opacity:.25;
  }
  to {
     font-size: 100%;
	 opacity:1;
  }
}
#animate-area	{ 
	/width: 560px; 
	/height: 400px; 
	background-image: url(clouds.jpg);
	background-position: 0.1px 0.1px;
	background-repeat: repeat-y repeat-x;

	animation: animatedBackground 40s linear infinite;
}

@keyframes animatedBackground {
	from { background-position: 0% 0%; }
	to { background-position: 100% 0%; }
}