/* set the size of the totaliser */


#body{
    height: 100vh;
}


#totaliser {
    width: 240px;
    height: 50vh;
}

.over100
  {

   height:90px;
   width:60%;
   border-radius: 120px 120px 0 0;
   -moz-border-radius: 120px 120px 0 0;
   -webkit-border-radius: 120px 120px 0 0;
    margin-left: 20%;
}

.undr100, .undr090, .undr080, .undr070, .undr060, .undr050, .undr040, .undr030, .undr020, .undr010
  {
    dispay: block;
    width: 60%;
    height: 1%;
    margin-left: 20%;
}


/* style the totaliser bands */

.over100, .undr100, .undr090, .undr080, .undr070, .undr060, .undr050, .undr040, .undr030, .undr020, .undr010, .baselin
  {
    border-right-style: solid;
    border-left-style: solid;
    border-color: #5b685d;
    border-width: 2px;
}


/* add & style the bottom */

.baselin {
    width: 240px;
    height: 240px;
    border-style: solid;
    border-color: #5b685d;
    border-width: 2px;
}


/* mark a percentage line */

#val75 {
    background: red;
}