html, body {
    background-color: black;
    height: 100%;
    margin: 0;
    padding: 5%;
}

#outer {
    /*background-color: black;*/
    text-align: center;
}

#inner {
    /*background-color: red;*/
    font-family: Verdana, 'Arial', serif;
    font-size: 10pt;
    text-align: center;
    display: inline-block;
}

.gear {
    background-image: url(gear400.png);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    margin:-200px 0 0 -200px;
    -webkit-animation:spin 1800s linear infinite;
    -moz-animation:spin 1800s linear infinite;
    animation:spin 1800s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }