body {
    background-color: darkslategray;
    color: lightgray;
    width: 100vw;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, Helvetica, sans-serif;
  }

  h1 {
    color: white;
    text-align: center;
  }
  
  p {
    font-family: verdana;
    font-size: 15px;
  }

  .initial-content {
    width: 90vw;
    margin-left: 5vw;
  }

 .pitem {
  content:"";
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* clear: both;
   padding-left: 5vw;
   padding-top: 5px;
   padding-bottom: 5px;*/
   /*margin-left: 25px;*/
   border-bottom: 3px solid black;
 }

  .left {
      float: left;
      position: relative;
      width: 40vw;
      min-height: 50px;
      min-height: 20vh;
      padding-right: 5vw;
  }

.right {
  float: right;
  position: relative;
  width: 40vw;
  min-height: 20vh;
  align-self: center;
 /* padding-left: 5vw;*/
  font-size: 16pt;
  color: rgb(176, 216, 46);
 /* background-color: rgb(0, 0, 0); */
}

.typesub {
  font-size: 12pt;
  color: rgb(176, 216, 46);
  text-align: right;
}

  .chartArea {
      background-color: blue;
  }

  g {
    background-color: red;
  }

  circle {
  fill: purple;
}

.xstyle {
color: lightgray;
}

.bar {
  fill: red;
}

h3 {
color: lightgray;
text-align: center;
font-family: sans-serif;
}

.controls {
  margin-left: 5vw;
}

button {
  background-color: dodgerblue;
}