/* ОБЩИЕ НАСТРОЙКИ ВСЕГО HTML */
body {
    font-family: "Textbook-regular", Arial, sans-serif;
    font-size: 11px;
}

/* ЗАГОЛОВОК */
body > .title {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-kerning: none;
}

/* ПОДВАЛ */
body > .note {
    padding: 0;
    margin: 0;
}

/*ОСИ*/
.axis {
    font: 10px sans-serif;
}

.axis path,
.axis line {
    fill: none;
    stroke: black;
    opacity: 0.3;
    shape-rendering: crispEdges;
}

.tick line {
    fill: none;
    stroke: black;
    opacity: 0.3;
    shape-rendering: crispEdges;
}

/*ТЕКСТ*/

/*на баре*/
.label {
    font: 10px sans-serif;
    display: none;
    fill: white;
}

/*слева*/
.label_name {
    font: 11px sans-serif;
    fill: black;
}

.label_author {
    font: 9px sans-serif;
    fill: grey;
}

/*Наведение на бар*/
.author {
    cursor: pointer;
}

.author:hover .label {
    display: block;
}

/*ЛЕГЕНДА*/
.big_legend {
    width: 720px;
    vertical-align: middle;
}

.legend * {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.name {
    margin-right: 5px;
}

.legend .rect {
    width: 12px;
    height: 12px;
}

.author .bg {
    fill: rgb(255, 186, 35);
}

.author .bar {
    fill: rgb(31, 150, 170);
}

.line > .rect {
    margin-left: 15px;
    margin-right: 5px;
}

.caption {
    font-family: "Textbook-light", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3em;
    letter-spacing: 0.04em;
    color: #555150;
}