#cotainer {
    height: 100%;
    width: 100%;
    background: #fcfcfa;

}

body {

    background-color: #fcfcfa;
    font-family: 'PT Serif', Serif;
    /*background: #fcfcfa;*/
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
}



h3 {

    font-style: italic;
}

#side-bar, #graph, #side-buffer, #top-bar, #title-buffer, #title-container {
    /*display: inline-block;
    vertical-align: top;*/
}
div {
    display: inline-block;
}

div label {
    display: block;
}


#graph {
    border-radius: 100px;
    background-image: url("test1.png");
}

#top-buffer {
    width: 50%;
    height: 10px;
    background-color: #f8f2ed;
}

#top-bar {
    text-align: Left;
    margin: 20px;
}

#side-buffer {
    float: right;
    width: 10%;
    height: 100%;
    background-color: #f8f2ed;
}

#left-side-buffer {
    width: 20%;
    height: 100%;
    float: left;
}

#right-side-buffer {
    width: 10%;
    height: 100%;
    float: right;
}

#title-buffer {
    width: 50px;
    height: 50px;
    background-color: #f8f2ed;
}

#title-container {
    background-color: #f8f2ed;
}


.node circle {

    stroke: steelblue;
    stroke-width: 1.5px;
}

.node {
    font: 10px sans-serif;
}
.text {
    font: 10px sans-serif;
}
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}