/* SVG style */

#delightmeter svg,
.delightmeter svg {
 position: absolute;
 height: 100%;
 width: 100%;
 left: 0;
 top: 0;
}

#delightmeter .needle,
#delightmeter  .needle-center,
.delightmeter .needle,
.delightmeter  .needle-center{
    fill: #808080;
}

/* Each arc in the meter */
#delightmeter .arc,
.delightmeter .arc{
    fill: none;
    stroke-width: 30px;
}

#delightmeter #arc1,
.delightmeter #arc1{
    stroke: #f12828;
}

#delightmeter #arc2,
.delightmeter #arc2{
    stroke: #ff6a00;
}

#delightmeter #arc3,
.delightmeter #arc3{
    stroke: #ffd800;
}

#delightmeter #arc4,
.delightmeter #arc4{
    stroke: #83e043;
}

#delightmeter #arc5,
.delightmeter #arc5 {
    stroke: #099f51;
}