* {
    font-family: Courrier New,rubrik,Arial,sans-serif;
    margin: auto;
    text-align: center;
}

div.header {
    padding: 10px;
    text-align: center;
    background: green;
    color: white;
    font-size: 10px;
    border-style: solid;
    border-color: black;
}

div.footer {
    padding: 10px;
    text-align: center;
    background: green;
    color: white;
    font-size: xx-small;
    border-style: solid;
    border-color: black;
}


.celcius, .farenheit {
    width: 50px;
    border: 5px solid;
    border-radius: 15px;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: xx-large;
}

div.msg {
    letter-spacing: 0.08em;
    color: Blue;
}

.name {
    font-size: large;
    font-weight: bold;
    text-align: left;
}
#HistoryChart {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  td.live {
    color: green;
    font-weight: bold;
  }
  td.notlive {
    color: lightgray;
    font-weight: bold;
  }