body {
    margin: 0;
    background: #f4f4f4;
    color: #000;
    font: 1.0em Arial, Georgia, serif;
}

pre { white-space: pre-wrap; }

h1 {
    font: 2.0em Arial, Georgia, serif;
}

h2 {
    font: 1.4em Arial, Georgia, serif;
}

a:link {
    text-decoration: none;
    color: #1C8FF7;
}

a:visited {
    text-decoration: none;
    color: #1C8FF7;
}

a:hover, a:active {
	     text-decoration: underline;
	     color: #1C8FF7;
	 }

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #36393f;
}

ul.topnav li {
/*    min-width: 140px; */
    float: left;
}

li.home {
    border-right: 1px solid #bbb;
}    

ul.topnav li a, .dropbtn {
  display: block;
  color: #bebebe;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active), .dropbtn li a {
/*    background-color: #595959; */
    color: white;
}

li.dropdown {
  display: inline-block;
}

/*ul.topnav li a.active {background-color: #04AA6D;} */

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px) {
    li.dropdown,
    .dropdown-content,
    .dropdown-content a,
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #44474f;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
    background-color: #44474f;
    color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

div.chart-solo {
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1);
    margin: 10px auto;
}