/* Profile Website   */
/* by Brian Cottrell */
/* 01-09-2015        */
body{
    background-color: rgb(0,0,0);
}
a{
    color: rgb(100,100,100);
    font-family: sans-serif;
    border: 2px solid rgb(100,100,100);
    border-radius: 5px;
}
.site-container{
    width: 50%;
    padding: 25% 0%;
    margin-top: 0%;
    margin-left: 25%;
    background-color: rgb(0,0,0);
}
.site{
    position: absolute;
    background-color: rgb(255,255,255);
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid rgb(100,100,100);
    border-radius: 50%;
}
.info-container{
    position: absolute;
    padding: 10%;
    margin-left: 14.8%;
    margin-top: -10%;
    background-color: rgb(200,200,200);
    border: 2px solid rgb(100,100,100);
    border-radius: 50%;
}
.info{
    position: absolute;
    width: 80%;
    height: 35%;
    margin-left: -40%;
    margin-top: -5%;
    color: rgb(100,100,100);
    font-family: sans-serif;
    border-radius: 5%;
}
.profile-image{
    position: absolute;
    width: 35%;
    height: 35%;
    margin-left: -17.5%;
    margin-top: -45%;
    background: url(images/profile-image.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.button-container{
    position: absolute;
    width: 50%;
    height: 10%;
    margin-left: -25%;
    margin-top: 30%;
}
.button{
    display: inline;
    width: 30%;
    height: 30%;
    margin: 0% 1%;
    color: rgb(100,100,100);
    font-family: sans-serif;
    border: 2px solid rgb(100,100,100);
    border-radius: 5px;
    cursor: default;
}