/* common */
body{
    background-color: rgb(53, 51, 48);
    color: white;
    font-family: quicksand, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

@font-face{
    font-family: quicksand;
    src: url("../fonts/Quicksand-Light.otf")
}

/* text */
h1, p{
    padding: 10px;
}

a{
    color: #c0d3c5;
}

.src{
    font-size: small;
}

/* body outline and bones formatting */
#bodyOutline{
    fill: white;
}

path{
    fill: rgba(128, 128, 128, 0.411)
}

.bone{
    fill: rgba(255, 255, 255, 0.7)
}

.bone:hover{
    fill: rgb(255, 164, 60);
    cursor: pointer;
}

.bone.selected{
    fill: #10aded
}