/*===============================
=            Imports            =
===============================*/
@import url(../fonts/Noway-Bold-webfont/stylesheet.css);
@import url(../fonts/Noway-Medium-webfont/stylesheet.css);
@import url(../fonts/Noway-Regular-webfont/stylesheet.css);
@import url(../fonts/Noway-Light-webfont/stylesheet.css);
@import url(../fonts/Noway-Regular-Italic-webfont/stylesheet.css);
@import url(../fonts/Noway-Medium-Italic-webfont/stylesheet.css);
.ratio-phi {
  position: relative; }
  .ratio-phi:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 168%; }
  .ratio-phi > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio-square {
  position: relative; }
  .ratio-square:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .ratio-square > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/**
 * Function defining the difference between 2 colors
 *
 * @param {Color} $a - first color
 * @param {Color} $b - second color
 *
 * @return {Map}  The color operations to do in order to find $b from $a where keys are the color functions to apply and values are the values to pass to these functions
 */
/**
 * Compute the diff for each color from the initial palette
 *
 * @param {Map} $palette - palette
 *
 * @requires {function} color-diff
 * 
 * @return {List} list of diffs
 */
/**
 * Initial palette used to define the diff between the base color and each color from the palette. There can be as many colors as one wants.
 * 
 * @Link https://ton.twitter.com/i/ton/data/dm/487926326314418176/487926326322823168/8M2k8xOp.png Initial color palette
 *
 * @type Map
 */
/**
 * Palette diffs
 * Same length as colors key from map-palette
 *
 * @type List
 */
/**
 * Apply differences returned from `color-diff` function to a color in order to retrieve the second color
 *
 * @param {Color} $color - color to transform
 * @param {Map} $diff - diff map
 * 
 * @return {Color} transformed color
 */
/**
 * Create a palette from a base color
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} palette-diff
 * @requires {function} apply-diff
 * @requires {variable} $base-palette
 *
 * @return {List} list of colors
 */
/**
 * Create a list of colors from the base color
 * then turn in into a map with explicit keys
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} create-palette
 *
 * @return {Map}
 */
/**
 * Create and apply a palette
 * 
 * @param {Color} $base-color - base color
 * 
 * @requires {function} create-palette
 */
.hermesite-palette {
  background: deepskyblue;
  background: linear-gradient(to right, #ceb398, #ceb398 14.28571%, #919e8d 14.28571%, #919e8d 28.57143%, #59aab6 28.57143%, #59aab6 42.85714%, deepskyblue 42.85714%, deepskyblue 57.14286%, #296b81 57.14286%, #296b81 71.42857%, #153641 71.42857%, #153641 85.71429%, #112c35 85.71429%, #112c35 100%); }

.color-lightest {
  color: #ceb398; }

.bg-lightest {
  background-color: #ceb398; }

.color-lighter {
  color: #919e8d; }

.bg-lighter {
  background-color: #919e8d; }

.color-light {
  color: #59aab6; }

.bg-light {
  background-color: #59aab6; }

.color-base {
  color: deepskyblue; }

.bg-base {
  background-color: deepskyblue; }

.color-dark {
  color: #296b81; }

.bg-dark {
  background-color: #296b81; }

.color-darker {
  color: #153641; }

.bg-darker {
  background-color: #153641; }

.color-darkest {
  color: #112c35; }

.bg-darkest {
  background-color: #112c35; }

.ratio-phi {
  position: relative; }
  .ratio-phi:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 168%; }
  .ratio-phi > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio-square {
  position: relative; }
  .ratio-square:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .ratio-square > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/**
 * Function defining the difference between 2 colors
 *
 * @param {Color} $a - first color
 * @param {Color} $b - second color
 *
 * @return {Map}  The color operations to do in order to find $b from $a where keys are the color functions to apply and values are the values to pass to these functions
 */
/**
 * Compute the diff for each color from the initial palette
 *
 * @param {Map} $palette - palette
 *
 * @requires {function} color-diff
 * 
 * @return {List} list of diffs
 */
/**
 * Initial palette used to define the diff between the base color and each color from the palette. There can be as many colors as one wants.
 * 
 * @Link https://ton.twitter.com/i/ton/data/dm/487926326314418176/487926326322823168/8M2k8xOp.png Initial color palette
 *
 * @type Map
 */
/**
 * Palette diffs
 * Same length as colors key from map-palette
 *
 * @type List
 */
/**
 * Apply differences returned from `color-diff` function to a color in order to retrieve the second color
 *
 * @param {Color} $color - color to transform
 * @param {Map} $diff - diff map
 * 
 * @return {Color} transformed color
 */
/**
 * Create a palette from a base color
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} palette-diff
 * @requires {function} apply-diff
 * @requires {variable} $base-palette
 *
 * @return {List} list of colors
 */
/**
 * Create a list of colors from the base color
 * then turn in into a map with explicit keys
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} create-palette
 *
 * @return {Map}
 */
/**
 * Create and apply a palette
 * 
 * @param {Color} $base-color - base color
 * 
 * @requires {function} create-palette
 */
.hermesite-palette {
  background: deepskyblue;
  background: linear-gradient(to right, #ceb398, #ceb398 14.28571%, #919e8d 14.28571%, #919e8d 28.57143%, #59aab6 28.57143%, #59aab6 42.85714%, deepskyblue 42.85714%, deepskyblue 57.14286%, #296b81 57.14286%, #296b81 71.42857%, #153641 71.42857%, #153641 85.71429%, #112c35 85.71429%, #112c35 100%); }

.color-lightest {
  color: #ceb398; }

.bg-lightest {
  background-color: #ceb398; }

.color-lighter {
  color: #919e8d; }

.bg-lighter {
  background-color: #919e8d; }

.color-light {
  color: #59aab6; }

.bg-light {
  background-color: #59aab6; }

.color-base {
  color: deepskyblue; }

.bg-base {
  background-color: deepskyblue; }

.color-dark {
  color: #296b81; }

.bg-dark {
  background-color: #296b81; }

.color-darker {
  color: #153641; }

.bg-darker {
  background-color: #153641; }

.color-darkest {
  color: #112c35; }

.bg-darkest {
  background-color: #112c35; }

/*==============================
=            Colors            =
==============================*/
/*----------  Custom by project  ----------*/
/*=====  End of Colors  ======*/
/*==================================
=            Font sizes            =
==================================*/
/*=====  End of Font sizes  ======*/
/*----------  Based on http://type-scale.com/ Perfect 5  ----------*/
html {
  font-size: 0.625em; }

body {
  background-color: white;
  font-family: 'nowayregular', serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333; }
  body .content a {
    color: #007bff; }
  body .content p {
    margin-bottom: 1.3rem; }
  body .content h1, body .content h2, body .content h3, body .content h4 {
    font-weight: inherit;
    line-height: 1.2; }
  body .content h1 {
    margin-top: 0;
    font-size: 5.063rem; }
  body .content h2 {
    font-size: 3.375rem; }
  body .content h3 {
    font-size: 2.25rem; }
  body .content h4 {
    font-size: 1.5rem; }
  body .content h5 {
    font-size: 0.5rem; }
  body .content h6 {
    font-size: 0.8rem; }
  body .content h5, body .content h6 {
    text-transform: uppercase; }
  body .content small, body .content .font_small {
    font-size: 0.667rem; }

/*==============================
=            Charts            =
==============================*/
.bar-chart-label {
  font-family: 'nowayregular', sans-serif;
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
  opacity: .8;
  font-style: italic; }
  .bar-chart-label.link {
    fill: #007bff; }
    .bar-chart-label.link:hover {
      opacity: 1; }

/*=====  End of Charts  ======*/
.radial-container {
  position: relative; }
  .radial-container .radial-item {
    padding: 0px;
    padding-top: 100px;
    overflow: hidden;
    position: relative; }
    .radial-container .radial-item .radial-album-title,
    .radial-container .radial-item .radial-album,
    .radial-container .radial-item .radial-aside {
      display: inline-block; }
  .radial-container .radial-album-title {
    padding-left: 15px; }
    .radial-container .radial-album-title .album-title {
      font-size: 3.375em;
      font-family: 'nowaylight'; }
      .radial-container .radial-album-title .album-title span, .radial-container .radial-album-title .album-title strong {
        display: block; }
      .radial-container .radial-album-title .album-title span {
        font-size: .5rem;
        font-weight: 500;
        text-transform: uppercase; }
      .radial-container .radial-album-title .album-title strong {
        font-family: 'nowaymedium';
        font-size: 1rem;
        font-weight: 400; }
  .radial-container .radial-album {
    border: 1px dotted #000;
    position: relative;
    width: 100vw;
    height: calc(100vw - (15px * 2));
    font-size: 2vh;
    padding: 0px; }
    .radial-container .radial-album svg {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1;
      overflow: visible; }
      .radial-container .radial-album svg .node.active text.artist {
        font-family: 'nowaymedium_italic';
        opacity: 1; }
      .radial-container .radial-album svg .node.inactive text.artist {
        pointer-events: none;
        fill: #CCC; }
      .radial-container .radial-album svg .node text.record {
        font-family: 'nowaymedium';
        cursor: default; }
      .radial-container .radial-album svg .node text.artist {
        font-family: 'noway_regularitalic';
        cursor: pointer;
        opacity: .75;
        fill: #007bff; }
        .radial-container .radial-album svg .node text.artist:hover {
          font-family: 'nowaymedium_italic';
          opacity: 1; }
      .radial-container .radial-album svg .no-link {
        fill: none; }
      .radial-container .radial-album svg .link {
        fill: none;
        stroke-width: 2px; }
    .radial-container .radial-album .record {
      height: 57.14286vw;
      width: 57.14286vw;
      margin-top: -28.57143vw;
      margin-left: -28.57143vw;
      border: 1px dotted #007bff;
      position: absolute;
      z-index: 0;
      top: 50%;
      left: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
      .radial-container .radial-album .record:before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0, 0.75);
        top: 24.57627%;
        left: 24.57627%;
        width: 50.84746%;
        height: 50.84746%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, 0.5); }
  .radial-container .radial-aside {
    width: 100vw;
    background-color: #000;
    color: #FFF; }
    .radial-container .radial-aside .level {
      margin: 0px; }
    .radial-container .radial-aside .album-buttons a {
      display: block; }
    .radial-container .radial-aside .cover-title,
    .radial-container .radial-aside .cover-artist {
      font-size: 0.8em; }
    .radial-container .radial-aside .cover-title {
      margin: 0px; }
    .radial-container .radial-aside .cover-artist {
      margin: 0px;
      font-family: 'noway_regularitalic'; }
    .radial-container .radial-aside .video {
      background-color: #000;
      position: relative; }
      .radial-container .radial-aside .video iframe {
        border: none; }

/*===============================
=            TREEMAP            =
===============================*/
.covers-treemap-container {
  padding-top: 100px; }

.section-treemap {
  height: 80vh;
  width: 100%;
  position: relative;
  background-color: #FFF; }
  .section-treemap .node {
    position: absolute;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer; }
    .section-treemap .node .node-content {
      height: 100%;
      width: 100%;
      padding: 0px; }
      .section-treemap .node .node-content p {
        display: inline-block;
        min-width: 100%;
        position: relative;
        margin: 0px auto;
        padding: 18px 20px; }
        .section-treemap .node .node-content p strong {
          font-family: 'nowaylight'; }
        .section-treemap .node .node-content p strong, .section-treemap .node .node-content p em {
          opacity: 0;
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          transform: translateY(-10px); }
        .section-treemap .node .node-content p em {
          display: block;
          font-style: normal;
          font-size: 14px; }
        .section-treemap .node .node-content p span {
          font-family: 'nowaymedium';
          z-index: 1;
          display: block;
          padding: 8px 0 0 0;
          text-shadow: none;
          text-transform: none;
          font-size: 0.75em;
          opacity: 0;
          -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
          -moz-transition: -moz-transform 0.3s, opacity 0.3s;
          transition: transform 0.3s, opacity 0.3s;
          -webkit-transform: translateY(-100%);
          -moz-transform: translateY(-100%);
          transform: translateY(-100%); }
      .section-treemap .node .node-content:hover {
        background-color: #fff; }
        .section-treemap .node .node-content:hover p strong, .section-treemap .node .node-content:hover p em {
          opacity: 1;
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          transform: translateY(0px); }
        .section-treemap .node .node-content:hover p span {
          opacity: 1;
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          transform: translateY(0%); }

/*=====  End of TREEMAP  ======*/
#timeline .vis-time-axis .vis-text {
  font-size: 10px;
  font-weight: 300; }
#timeline .vis-item-content {
  font-size: 10px; }

.vis-time-axis .vis-grid.vis-minor {
  border: none; }

.vis-dot {
  display: none; }

.vis-timeline {
  border: none; }

.vis-item {
  border-color: #CCC; }
  .vis-item.vis-box {
    border: none;
    border-radius: 0px;
    background: transparent !important; }
  .vis-item.vis-background {
    background: transparent; }
    .vis-item.vis-background .vis-item-content {
      padding-top: 5px; }
  .vis-item .vis-item-content {
    cursor: hand;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px; }

.album-thumbnail {
  width: 60px;
  height: 60px;
  margin-top: 20px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }
  .album-thumbnail:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }

div.vis-tooltip {
  font-size: 12px;
  font-weight: 400;
  border-radius: 0px;
  background-color: #FFF;
  font-family: 'nowayregular', sans-serif; }
  div.vis-tooltip .timeline-tooltip-number {
    font-size: 1.75em; }
  div.vis-tooltip .timeline-tooltip-album {
    font-size: 1.25em;
    font-family: 'nowaymedium'; }

.button,
.axis text {
  font-size: 9px;
  fill: rgba(255, 255, 255, 0.5); }

.axis path,
.axis line {
  fill: none;
  stroke: rgba(255, 255, 255, 0.5);
  shape-rendering: crispEdges; }

.timeline-chart {
  padding-top: 0px; }

/*----------  Article cover text  ----------*/
.bar-chart {
  position: relative;
  height: 61.8vh;
  padding-bottom: 0px;
  width: 100%;
  padding: 0px; }

.section {
  position: relative; }
  .section.section-radial {
    background-color: rgba(0, 0, 0, 0.75); }
  .section.is-white {
    background-color: #FFF; }
  .section.is-black {
    background-color: #070707; }

.article-cover {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #007bff;
  background-size: cover;
  opacity: .5;
  z-index: 0; }

.grid-covers, .button-group {
  position: relative;
  z-index: 99; }

.mosca {
  position: fixed;
  z-index: 999;
  right: 0px;
  top: 0px; }
  .mosca img {
    width: 200px;
    display: block; }

.counter {
  border-left: 1px dotted #070707; }

.level-item {
  background-color: #FFF;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left; }

.content .counter .counter-units {
  margin-bottom: 0px; }
.content .counter .counter-number {
  font-family: 'nowaylight';
  font-size: 3.375rem;
  margin: 0px; }
.content .counter .counter-entity {
  margin-bottom: 10px;
  font-family: 'nowaymedium'; }

body {
  padding-top: 100px; }
  body .soft-bg {
    background-color: #F1F1F1; }

path {
  fill: none; }

.figure {
  width: 100%; }

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.axis path,
.axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges; }

:root {
  font-size: 12px; }

@media (min-width: 400px) and (max-width: 800px) {
  :root {
    font-size: calc(12px + (24 - 12) * ( (100vw - 400px) / ( 800 - 400))); } }
@media (min-width: 800px) {
  :root {
    font-size: 24px; } }
#covers-treemap {
  position: relative; }

/**
 *
 * Components
 *
 */
.sun-svg {
  display: inline-block; }

/*=====  End of Imports  ======*/
.row {
  margin-left: 0px;
  margin-right: 0px; }

.label {
  display: inline-block; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.ratio-phi {
  position: relative; }
  .ratio-phi:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 168%; }
  .ratio-phi > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio-square {
  position: relative; }
  .ratio-square:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .ratio-square > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/**
 * Function defining the difference between 2 colors
 *
 * @param {Color} $a - first color
 * @param {Color} $b - second color
 *
 * @return {Map}  The color operations to do in order to find $b from $a where keys are the color functions to apply and values are the values to pass to these functions
 */
/**
 * Compute the diff for each color from the initial palette
 *
 * @param {Map} $palette - palette
 *
 * @requires {function} color-diff
 * 
 * @return {List} list of diffs
 */
/**
 * Initial palette used to define the diff between the base color and each color from the palette. There can be as many colors as one wants.
 * 
 * @Link https://ton.twitter.com/i/ton/data/dm/487926326314418176/487926326322823168/8M2k8xOp.png Initial color palette
 *
 * @type Map
 */
/**
 * Palette diffs
 * Same length as colors key from map-palette
 *
 * @type List
 */
/**
 * Apply differences returned from `color-diff` function to a color in order to retrieve the second color
 *
 * @param {Color} $color - color to transform
 * @param {Map} $diff - diff map
 * 
 * @return {Color} transformed color
 */
/**
 * Create a palette from a base color
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} palette-diff
 * @requires {function} apply-diff
 * @requires {variable} $base-palette
 *
 * @return {List} list of colors
 */
/**
 * Create a list of colors from the base color
 * then turn in into a map with explicit keys
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} create-palette
 *
 * @return {Map}
 */
/**
 * Create and apply a palette
 * 
 * @param {Color} $base-color - base color
 * 
 * @requires {function} create-palette
 */
.hermesite-palette {
  background: deepskyblue;
  background: linear-gradient(to right, #ceb398, #ceb398 14.28571%, #919e8d 14.28571%, #919e8d 28.57143%, #59aab6 28.57143%, #59aab6 42.85714%, deepskyblue 42.85714%, deepskyblue 57.14286%, #296b81 57.14286%, #296b81 71.42857%, #153641 71.42857%, #153641 85.71429%, #112c35 85.71429%, #112c35 100%); }

.color-lightest {
  color: #ceb398; }

.bg-lightest {
  background-color: #ceb398; }

.color-lighter {
  color: #919e8d; }

.bg-lighter {
  background-color: #919e8d; }

.color-light {
  color: #59aab6; }

.bg-light {
  background-color: #59aab6; }

.color-base {
  color: deepskyblue; }

.bg-base {
  background-color: deepskyblue; }

.color-dark {
  color: #296b81; }

.bg-dark {
  background-color: #296b81; }

.color-darker {
  color: #153641; }

.bg-darker {
  background-color: #153641; }

.color-darkest {
  color: #112c35; }

.bg-darkest {
  background-color: #112c35; }

.ratio-phi {
  position: relative; }
  .ratio-phi:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 168%; }
  .ratio-phi > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio-square {
  position: relative; }
  .ratio-square:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .ratio-square > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/**
 * Function defining the difference between 2 colors
 *
 * @param {Color} $a - first color
 * @param {Color} $b - second color
 *
 * @return {Map}  The color operations to do in order to find $b from $a where keys are the color functions to apply and values are the values to pass to these functions
 */
/**
 * Compute the diff for each color from the initial palette
 *
 * @param {Map} $palette - palette
 *
 * @requires {function} color-diff
 * 
 * @return {List} list of diffs
 */
/**
 * Initial palette used to define the diff between the base color and each color from the palette. There can be as many colors as one wants.
 * 
 * @Link https://ton.twitter.com/i/ton/data/dm/487926326314418176/487926326322823168/8M2k8xOp.png Initial color palette
 *
 * @type Map
 */
/**
 * Palette diffs
 * Same length as colors key from map-palette
 *
 * @type List
 */
/**
 * Apply differences returned from `color-diff` function to a color in order to retrieve the second color
 *
 * @param {Color} $color - color to transform
 * @param {Map} $diff - diff map
 * 
 * @return {Color} transformed color
 */
/**
 * Create a palette from a base color
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} palette-diff
 * @requires {function} apply-diff
 * @requires {variable} $base-palette
 *
 * @return {List} list of colors
 */
/**
 * Create a list of colors from the base color
 * then turn in into a map with explicit keys
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} create-palette
 *
 * @return {Map}
 */
/**
 * Create and apply a palette
 * 
 * @param {Color} $base-color - base color
 * 
 * @requires {function} create-palette
 */
.hermesite-palette {
  background: deepskyblue;
  background: linear-gradient(to right, #ceb398, #ceb398 14.28571%, #919e8d 14.28571%, #919e8d 28.57143%, #59aab6 28.57143%, #59aab6 42.85714%, deepskyblue 42.85714%, deepskyblue 57.14286%, #296b81 57.14286%, #296b81 71.42857%, #153641 71.42857%, #153641 85.71429%, #112c35 85.71429%, #112c35 100%); }

.color-lightest {
  color: #ceb398; }

.bg-lightest {
  background-color: #ceb398; }

.color-lighter {
  color: #919e8d; }

.bg-lighter {
  background-color: #919e8d; }

.color-light {
  color: #59aab6; }

.bg-light {
  background-color: #59aab6; }

.color-base {
  color: deepskyblue; }

.bg-base {
  background-color: deepskyblue; }

.color-dark {
  color: #296b81; }

.bg-dark {
  background-color: #296b81; }

.color-darker {
  color: #153641; }

.bg-darker {
  background-color: #153641; }

.color-darkest {
  color: #112c35; }

.bg-darkest {
  background-color: #112c35; }

/*==============================
=            Colors            =
==============================*/
/*----------  Custom by project  ----------*/
/*=====  End of Colors  ======*/
/*==================================
=            Font sizes            =
==================================*/
/*=====  End of Font sizes  ======*/
/*====================================
=            SVG elements            =
====================================*/
circle {
  fill: none; }

/*=====  End of SVG elements  ======*/
form {
  position: absolute;
  right: 10px;
  top: 10px; }

.row {
  height: 100%; }

#covers-bowie {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: static;
  padding: 0px;
  /*background-image: url(images/record-bg.png);*/
  /*padding: 20px;*/ }

#covers-bowie svg {
  position: relative;
  z-index: 1; }

#covers {
  background-size: cover;
  background-position: 50% 50%; }

#covers > div {
  position: relative; }

#covers > div svg {
  position: relative;
  z-index: 1; }

#covers .record {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  margin-left: -25%;
  height: 90%;
  margin-top: -25%;
  z-index: 0; }

#right-container {
  display: none; }

#center-container {
  width: 800px; }

#infovis {
  width: 800px; }

.color-1 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-2 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-3 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-4 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-5 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-6 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-7 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-8 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-9 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-10 {
  background: #C00; }

.node-content p {
  font-size: 14px; }

.color-11 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-12 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-13 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-14 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-15 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-16 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-17 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-18 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-19 {
  background: #0C0; }

.node-content p {
  font-size: 14px; }

.color-20 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-21 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-22 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-23 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-24 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-25 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-26 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-27 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-28 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-29 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-30 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-31 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-32 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-33 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-34 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-35 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-36 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-37 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-38 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-39 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-40 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-41 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-42 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-43 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-44 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-45 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-46 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-47 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-48 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-49 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-50 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-51 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-52 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-53 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-54 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-55 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-56 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-57 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-58 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-59 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-60 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-61 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-62 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-63 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-64 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-65 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-66 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-67 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-68 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-69 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-70 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-71 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-72 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-73 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-74 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-75 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-76 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-77 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-78 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-79 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-80 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-81 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-82 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-83 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-84 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-85 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-86 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-87 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-88 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-89 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-90 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-91 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-92 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-93 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-94 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-95 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-96 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-97 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-98 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-99 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-100 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-101 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-102 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-103 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-104 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-105 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-106 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-107 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-108 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-109 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-110 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-111 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-112 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-113 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-114 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-115 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-116 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-117 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-118 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-119 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-120 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-121 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-122 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-123 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-124 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-125 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-126 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-127 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-128 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-129 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-130 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-131 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-132 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-133 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-134 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-135 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-136 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-137 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-138 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-139 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-140 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-141 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-142 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-143 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-144 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-145 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-146 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-147 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-148 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-149 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-150 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-151 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-152 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-153 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-154 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-155 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-156 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-157 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-158 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-159 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-160 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-161 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-162 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-163 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-164 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-165 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-166 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-167 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-168 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-169 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-170 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-171 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-172 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-173 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-174 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-175 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-176 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-177 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-178 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-179 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-180 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-181 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-182 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-183 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-184 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-185 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-186 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-187 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-188 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-189 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-190 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-191 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-192 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-193 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-194 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-195 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-196 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-197 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-198 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-199 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-200 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-201 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-202 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-203 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-204 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-205 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-206 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-207 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-208 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-209 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-210 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-211 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-212 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-213 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-214 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-215 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-216 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-217 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-218 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-219 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-220 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-221 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-222 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-223 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-224 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-225 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-226 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-227 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-228 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-229 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-230 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-231 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-232 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-233 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-234 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-235 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-236 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-237 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-238 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-239 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-240 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-241 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-242 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-243 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-244 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-245 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-246 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-247 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-248 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-249 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-250 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-251 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-252 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-253 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-254 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-255 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-256 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-257 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-258 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-259 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-260 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-261 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-262 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-263 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-264 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-265 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-266 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-267 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-268 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-269 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-270 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-271 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-272 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-273 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-274 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-275 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-276 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-277 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-278 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-279 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-280 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-281 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-282 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-283 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-284 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-285 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-286 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-287 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-288 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-289 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-290 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-291 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-292 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-293 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-294 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-295 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-296 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-297 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-298 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-299 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-300 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-301 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-302 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-303 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-304 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-305 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-306 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-307 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-308 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-309 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-310 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-311 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-312 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-313 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-314 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-315 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-316 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-317 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-318 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-319 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-320 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-321 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-322 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-323 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-324 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-325 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-326 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-327 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-328 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-329 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-330 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-331 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-332 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-333 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-334 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-335 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-336 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-337 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-338 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-339 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-340 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-341 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-342 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-343 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-344 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-345 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-346 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-347 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-348 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-349 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-350 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-351 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-352 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-353 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-354 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-355 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-356 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-357 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-358 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-359 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-360 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-361 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-362 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-363 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-364 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-365 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-366 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-367 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-368 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-369 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-370 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-371 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-372 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-373 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-374 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-375 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-376 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-377 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-378 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-379 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-380 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-381 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-382 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-383 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-384 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-385 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-386 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-387 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-388 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-389 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-390 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-391 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-392 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-393 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-394 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-395 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-396 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-397 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-398 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-399 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.color-400 {
  background: #00C; }

.node-content p {
  font-size: 14px; }

.album {
  width: 100px;
  margin: 3px; }

#id-list {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  margin: 10px 20px 0 20px;
  padding: 5px;
  text-align: left;
  text-indent: 2px; }

#id-list table {
  margin-top: 2px; }

#back {
  margin: 10px 40px; }

#chart {
  width: 90%;
  background: #dadada;
  opacity: 0.9;
  border-radius: 5px;
  border: 1px solid #2b2b2b; }

.timeline-chart .axis path {
  fill: none;
  stroke: none; }

.timeline-chart line {
  stroke: black; }

.timeline-chart rect,
.timeline-chart rect.chart-bounds {
  fill: transparent; }

.timeline-chart rect.interval {
  ry: 5;
  rx: 5;
  fill: black;
  stroke: #2b2b2b; }

.youtube-row {
  padding-top: 24px; }

.figure span,
.figure em {
  display: block;
  font-size: 0.75rem; }

@media (min-width: 999px) {
  .radial-container .radial-album-title {
    width: 12%; }
  .radial-container .radial-album {
    width: 80vh;
    height: 80vh;
    font-size: 1.25vh; }
    .radial-container .radial-album .record {
      height: 45.71429vh;
      width: 45.71429vh;
      margin-top: -22.85714vh;
      margin-left: -22.85714vh; }
  .radial-container .radial-aside {
    width: calc(100% - 80vh);
    max-width: 80vh; } }

/*# sourceMappingURL=main.css.map */