* {
margin: 0;
padding: 0;
border: none;
}

#logo_outer {
display: table;
height: 100%;
width: 100%;
}

#logo_inner {
display: table-row;
}

#logo {
display: table-cell;
background-color: #ec008c;
border: 1em solid white;
color: #fff;
text-align: center;
vertical-align: middle;
}

body {
font-family: verdana, sans, arial;
font-size: 38pt;
text-transform: uppercase;
font-weight: bold;
}

ul {
margin-top: 1em;
}

li, #footer {
display: block;
text-align: center;
padding: 0.5em 0;
margin-bottom: 2em;
}

#footer {
clear:both;
}

li {
background-color: #000;
}

a {
text-decoration: none;
color: #000;
}

a:hover, li:hover a {
color: #fff;
}

li a:active {
position: relative; top: -150pt; left: 0;
font-size: 300pt;
background-color:  #ec008c;
}