* { margin: 0; padding: 0; outline: 0; }

@font-face { font-family: "Tentakel"; src: local("Fontin Sans"), url(Tentakel.ttf); format:("truetype") }

body { font-family: Tentakel, Arial; font-size: 14px; color: #333; background: #FFF100; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
#main { text-align: center ;   }
#top, #bottom {margin:40px 0}

.red{background: #E84226; height:30px; margin: 15px 0}
.blue {background: #3c18b2; height:30px; margin: 15px 0}
h2 { font-size: 30px; margin:auto; display:block }
h1 { font-size: 80px; }

p {font-family:Arial; font-size:12; margin:50px 0;}
ul {font-size: 40px;}
ul li {display:inline; margin:0 40px;}
a { color: #333; text-decoration: none;  padding-bottom: 2px; padding:0 10px  }
a:hover { color: #333; background:#E84226; color:#FFF100; text-decoration: none;  padding-bottom: 2px; }
a:active { color: #333; text-decoration: none; color:#FFF100; padding-bottom: 2px; position: relative; top: 1px; }