body{
    background-color: black;
}
#container{
    /* padding-top: 10px; */
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .left{

    background-color: red;
    color:white;
    padding-right: 20px;
    text-align: right;

      font-size: 24px;
  }
  
  .mid{
  
    /* margin-left:10px;
    margin-right:10px; */
    text-align: center;
    background-color: black;
    color:white;
    font-size: 24px;
    cursor: pointer;
    width:100%;
  }
  
  .right{
  
    background-color: blue;
    color:white;
    padding-left: 20px;
      font-size: 24px;
  }
  
  #deets{
      text-align: center;
  }
  
  .percentageFill{
      /* height:30px; */
  
      background: -webkit-linear-gradient(left, #efe3af 75%,#ffffff 75%);
      background:    -moz-linear-gradient(left, #efe3af 75%, #ffffff 75%);
      background:     -ms-linear-gradient(left, #efe3af 75%,#ffffff 75%);
      background:      -o-linear-gradient(left, #efe3af 75%,#ffffff 75%);
      background:         linear-gradient(to right, #efe3af 75%,#ffffff 75%);
  
      border:1px solid black;
  }