body {
    overflow-x:hidden;
}
div{
    display: inline-block;
}
    #wrapper{
        position:absolute;
        width:100%;
        height:auto;
        top:50px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        padding-bottom:40px;
        text-align: center;
    }
    .back{
        background-color:yellow;
    }
    .plain{
        /*background: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.1));
        background-size:1px 1000px;   */
        border: 5px solid black;  
        border-radius: 300px;  
        cursor:pointer;  
        width: 300px;  
        height: 300px;  
        margin:60px 40px 20px 40px; 
        -webkit-transition:border .5s ease-in-out, color .5s ease-in-out;
        transition:border .5s ease-in-out, color .5s ease-in-out;
    }
    .plain:hover{
        border:5px solid rgba(125,158,192,1);
        color:rgba(125,158,192,1);
    }
    .one{
        background-image:url(img/artwork/6.jpg);
        -webkit-animation:rotate 60s linear infinite;
        animation:rotate 60s linear infinite;
    }
    .two{
        background-image:url(img/een-live-youtube.png);
        -webkit-animation:rotate 120s linear infinite;
        animation:rotate 120s linear infinite;
    }
    .three{
        background-image:url(img/artwork/2.jpg);
        background-size: 100% 100%;
        -webkit-animation:rotate 180s linear infinite;
        animation:rotate 180s linear infinite;
    }
    .four{
        background-image:url(img/artwork/3.jpg);
        -webkit-animation:rotate 240s linear infinite;
        animation:rotate 240s linear infinite;
    }
    .five{
        background-image:url(img/artwork/4.jpg);
        -webkit-animation:rotate 300s linear infinite;
        animation:rotate 300s linear infinite;
    }   
    .six{
        background-image:url(img/artwork/5.jpg);
        -webkit-animation:rotate 360s linear infinite;
        animation:rotate 360s linear infinite;
    }
    @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
    @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

    .line {
        position: relative;
        background-color:black;
        width:100%;
        height:15px;
        top:150px;
        }

p span {
        font-family: sans-serif;
        font-size:9pt;
        height: 300px;
        position: absolute;
        width: auto;
        left: 150px;
        top: -181px;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        border:0px dotted red;
}
.numb1{transform: rotate(0deg);}
.numb2{transform: rotate(30deg);}
.numb3{transform: rotate(60deg);}
.numb4{transform: rotate(90deg);}
.numb5{transform: rotate(120deg);}
.numb6{transform: rotate(150deg);}
.numb7{transform: rotate(180deg);}
.numb8{transform: rotate(210deg);}
.numb9{transform: rotate(240deg);}
.numb10{transform: rotate(270deg);}
.numb11{transform: rotate(300deg);}
.numb12{transform: rotate(360deg);}

#info1{
    transform:rotate(0);
}
#info2{
    transform:rotate(0);
}
#info3{
    transform:rotate(0);
}
#info4{
    transform:rotate(0);
}
#info5{
    transform:rotate(0);
}
#info6{
    transform:rotate(0);
}

    #info{
        position:fixed;
        width:100%;
        top:10px;
        left:10px;
        font-family: sans-serif;
        font-size:9pt;
        line-height:13.5pt;
        display:inline-block;
    }

    #clockbox{
        position: absolute;
        left:20px;
        top:5px;
        width: auto;
    }

    .infotext{
        position:absolute;
        left:100px;
        top:5px;
        width:80%;
        display:inline;
    }

    #sourcelink-one, #sourcelink-two, #sourcelink-three, #sourcelink-four, #sourcelink-five, #sourcelink-six{
        position: relative;
        width:auto;
        margin-left:5px;
        display: none;
        color:rgba(125,158,192,1);
    }

a:link{color:black;text-decoration: none}
a:active {color:black;text-decoration: none}
a:hover {color:rgba(125,158,192,1);text-decoration: none}
a:visited{color:transparent;text-decoration: none}