body {
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

h1,
h2 {
    text-align: center;
}
#tempAndHumidity {
    margin: 0 auto;
    width: 960px;
    height: 320px;
}

.key {
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.indoortemperature {
    
    color: #d62728;
    float: left;
}

.temperature {
    
    color: #ff7f0e;
    float: left;
}

.indoorhumidity {
    color: #2ca02c;
    float: right;

    
}

.humidity {
    color: #1f77b4;
    float: right;

    
}

.gauges {
    margin: auto;
    width: 960px;
    height: 200px;
}

#tempAndHumidity .IndoorHumidity .area {
  fill: pink;
}

.gauges .circular-gauge { position: relative; width: 240px;}
.gauges .circular-gauge .circular-gauge-text { font-size: 25px; font-weight: 100; position: absolute; width: 100%; text-align: center; top: 58px; }
.gauges .circular-gauge .circular-gauge-text .small { font-size: 16px; font-weight: 200;}