body {
 background-color: #EECC99;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: white;
 text-align: center;
 padding: 20px 20px 20px 20px;
}
td { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: white; }
th { font-size: 6pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }
font { font-size: 8pt; }
h1 {
 font-size: 16pt;
 color: BurlyWood;
 padding: 0px 20px 20px 20px;
 border: 2px solid SaddleBrown;
 border-radius: 5px;
 background-color: CadetBlue;
 margin: 5px;
 outline: 5px;
 outline-offset: 1px;
 box-shadow: 4px 4px Black;
 max-width: 55%;
}
h2 {
 float: left;
 font-size: 14pt;
 color: black;
 border: 2px solid Sienna;
 border-radius: 5px;
 background-color: BurlyWood;
 margin: 5px;
 outline: 5px;
 outline-offset: 1px;
 box-shadow: 4px 4px Black;
 max-width: 44%;
 padding: 4px 4px 4px 4px;
}
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
A:Link { color: #FFFFFF; text-decoration: none; }
A:Visited { color: #EEEEEE; text-decoration: none; }
A:Hover { color: yellow; text-decoration: underline; }
A:Active { color: #EEDD00; text-decoration: underline; }
ul { font-size: 8pt; }

img { border-radius: 1px; padding: 1px; transition: transform 1s; max-width: 120px; max-height: 120px; }
img:hover { box-shadow: 0 0 4px 2px rgba(0, 140, 186, 0.5); transform: scale(1.1); filter: contrast(160%); }

.large { border-radius: 1px; padding: 1px; transition: transform 1s; max-width: 640px; max-height: 480px; }
.large:hover { box-shadow: 0 0 4px 2px rgba(0, 140, 186, 0.5); transform: scale(1.1); filter: contrast(160%); }