@keyframes spin {
    from {
        transform: rotateY(0deg);
        moz-transform: rotateY(0deg);
        ms-transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
        moz-transform: rotateY(360deg);
        ms-transform: rotateY(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
    }
}

.imageSpin {
    position: relative;
    animation-name: spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2.5s;
    -webkit-animation-name: spin;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2.5s;
}

#loadingBackground {
    position: fixed;
    color: #C0C0C0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 100000;
}

html {
    background: #000000;
}

#loading-background {
    position: fixed;
    color: #C0C0C0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: -1;
}

#loadingContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #C0C0C0;
}

#loading-container {
    position: relative;
    text-align: center;
    color: #C0C0C0;
}

#loading-container div,
#loading-container p {
    font-size: 18px;
}

.loading-blurb-container {
    position: relative;
    margin-top: 100px;
}

.page-width {
    position: relative;
    overflow: visible;
    height: 100%;
    width: 100%;
    padding-bottom: 50px;
    max-width: 1250px;
    margin: auto;
    z-index: 1;
}

.landing-page {
    margin-top: 80px;
    padding: 25px;
    text-align: left;
}