* {
    font-family: sans-serif; /* Change your font family */
    font-size: large;
    margin: 0px;
  }
.div {
  height:max-content;
  width:max-content;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;  
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}
.active {
  background-color: #04AA6D;
}
  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    grid-gap: 2px;
    background-color: #FFffFF;
    padding: 2px;
  }
  .gridlogo {
    grid-column-start: 1;
    grid-column-end: 1;
  }
  .gridmenu {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .gridlogin {
    grid-column-start: 3;
    grid-column-end: 3;
  }
  .gridchart {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .gridinvconfig {
    grid-column-start: 1;
    grid-column-end: 4;
    height:max-content;
    width:max-content;
  }
  .gridfooter {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .networthchart{
    width:inherit;
    height:inherit;
  }
  .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    transition: opacity .2s;
  }