body {
    height: 98vh;
    width: 98vw;
    font-family: Arial, Helvetica, sans-serif;
    color: rgba(60,60,60,1.0);
}

.gaugeOuter {
    background-color: rgba(128,128,128,0.25);
    width: 10rem;
    height: 20rem;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    overflow: hidden;
    box-shadow: 0 0 0.25rem 0.25rem rgba(0,0,0,0.25) inset;
    position: relative;
}

.gaugeNeedle {
    background-color: transparent;
    border: 10rem solid transparent;
    border-left-color: rgba(0,128,255,1.0);
    border-top-color: rgba(0,128,255,1.0);
    border-right-color: transparent;
    border-bottom-color: transparent;
    width: 0rem;
    height: 0rem;
    position: relative;
    top: 0rem;
    left: -10rem;
    transform: rotateZ(-185deg); // -45 (0%) to -225 (100%)
    z-index: -1;
}
.gaugeMiddle {
    width: 10rem;
    height: 5rem;
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    z-index: 1;
    background-color: rgba(255,255,255,1.0);
    position: absolute;
    top: 7.5rem;
    left: -2.5rem;
    transform: rotateZ(90deg);
    text-align: center;
    box-shadow: 0 0 0.25rem 0.25rem rgba(0,0,0,0.25);
}
.gaugeFlip {
    
}

.gaugeText {
    position: relative;
    top: 2.5rem;
}