body { text-align: center; font-size: 1.2em; font-family: sans-serif, serif, helvetica; }
div.header { height: 150px; color: #ffffff; text-shadow: 3px 3px 15px #0f00ff; }
.header h1 { padding-top: 25px; }
.header h2 { font-style: italic; }
.header p { font-size: 0.65em; margin-top: -20px; }
/* .maincontent { height: 200px; } */

/* class social*/
.social { color: grey; }
.social hr { margin: 1px; }
.social span { letter-spacing: 6px; }
a.social { text-decoration: none; }
a.social:active, a.social:hover { text-decoration: none; text-shadow: 2px 2px 6px #0f00ff; }

/* class footer*/
.footer { color: grey; }
.footer hr { margin: 1px; }
.footer span { letter-spacing: 6px; }
a.footer { text-decoration: none; }
a.footer:active, a.footer:hover { text-decoration: none; text-shadow: 2px 2px 6px #0f00ff; }