.cd {
    
    -moz-border-radius: 800px;
    -webkit-border-radius: 800px;
    border-radius: 800px;
    background-image: url('/images/other/cd.png');
    background-size: 610px 610px;
    width: 610px;
    height: 610px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    animation:spin 10s linear infinite;
    
}

.cd .hole {
    width: 120px;
    height: 120px;
    position: absolute;
    background-image: url('/images/mainimages/backgroundSpace.png');
    left: 245px;
    top: 245px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    

}

.cd-body {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 20px;
    z-index: -1;
}

.cd-body-page {
    margin-bottom: 0px; /*change to desired scroll page length */
}

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

.cd-text {
    text-align: center;
    font-size: 32pt;
    color: white;
}