body {
    background-color: #000000;
    color: #ffffff;
    font-family: sans-serif;
}

a {
    color: #dae0e5;
    transition: color .2s ease-in-out;
}

a:hover {
    color: #94e3ff;
}

div.hnbn {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -250px;
    width: 500px;
    height: 500px;
    text-align: center;
    font-size: 410px;
    animation: hnbn 2s infinite;
    -webkit-animation: hnbn 2s infinite; 
}

div.about {
    position: fixed;
    top: 100%;
    left: 0%;
    margin-top: -37px;
    margin-left: 5px;
    font-size: 9px;
    width: 340px;
    height: 37px;
    opacity: .4;
    transition: opacity 1s ease-in-out;
}

div.about:hover {
   opacity: 1;
}

.n-bar {
	opacity: .05;
	transition: opacity .5s ease-in-out;
}

.n-bar:hover {
	opacity: 1;
}

@keyframes hnbn 
{
0% { transform:rotate(90deg); }
50% { transform:rotate(45deg); font-size: 700px; top: 50%; left: 50%; margin-top: -450px; margin-left: -400px; width: 800px; height: 800px; }
100% { transform:rotate(90deg); }
}
/* Stupid WebKit can't handle CSS animations (at least not on my tested Android devices */
@-webkit-keyframes hnbn 
{
0% { -webkit-transform:rotate(90deg); }
50% { -webkit-transform:rotate(45deg); font-size: 700px; top: 50%; left: 50%; margin-top: -450px; margin-left: -400px; width: 800px; height: 800px; }
100% { -webkit-transform:rotate(90deg); }
}