@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,300,600);

@-webkit-keyframes rotateCogOne {
    0% { -webkit-transform:rotate(10deg); }
    100% { -webkit-transform:rotate(370deg); }
}

@-moz-keyframes rotateCogOne {
    0% { -moz-transform:rotate(10deg); }
    100% { -moz-transform:rotate(370deg); }
}

@keyframes rotateCogOne {
    0% { transform:rotate(10deg); }
    100% { transform:rotate(370deg); }
}
@-webkit-keyframes rotateCog1 {
    0% { -webkit-transform:rotate(10deg); }
    100% { -webkit-transform:rotate(370deg); }
}

@-moz-keyframes rotateCog1 {
    0% { -moz-transform:rotate(10deg); }
    100% { -moz-transform:rotate(370deg); }
}

@keyframes rotateCog1 {
    0% { transform:rotate(10deg); }
    100% { transform:rotate(370deg); }
}

@-webkit-keyframes rotateCogTwo {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}

@-moz-keyframes rotateCogTwo {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}

@keyframes rotateCogTwo {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(-360deg); }
}
@-webkit-keyframes rotateCog2 {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}

@-moz-keyframes rotateCog2 {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}

@keyframes rotateCog2 {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(-360deg); }
}

html {
    height: 100%;
    width: 100%;
    background: rgb(39, 42, 61);
}

#cogs {
    position: absolute;
    text-align: center;
    z-index: 1;
}

#cogOne {
    position: absolute;
    top: -26px;
    -webkit-animation: rotateCogOne 60s infinite linear;
    -moz-animation: rotateCogOne 60s infinite linear;
    animation: rotateCogOne 60s infinite linear;
    overflow: hidden;
    left: -300px;
}
#cog1 {
    position: absolute;
    top: 73px;
    -webkit-animation: rotateCog1 60s infinite linear;
    -moz-animation: rotateCog1 60s infinite linear;
    animation: rotateCog1 60s infinite linear;
    left: 835px;
    overflow: hidden;
}

#cogTwo {
    position: absolute;
    top: 73px;
    left: 835px;
    -webkit-animation: rotateCogTwo 30s infinite linear;
    -moz-animation: rotateCogTwo 30s infinite linear;
    animation: rotateCogTwo 30s infinite linear;
    overflow: hidden;
}
#cog2 {
    position: absolute;
    top: 100px;
    -webkit-animation: rotateCog2 30s infinite linear;
    -moz-animation: rotateCog2 30s infinite linear;
    animation: rotateCog2 30s infinite linear;
    overflow: hidden;
    left: 37px;
}


#content {
}

h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 10px auto;
}

p {
    margin: 10px auto;
    font-weight: 300;
}