:root
{        
        --GRAPH_ZERO_CONTAINER_WIDTH:80;
        --GRAPH_ZERO_CONTAINER_HEIGHT:25;
}

#graph_zero_container_id
{   
        position:fixed;    

        left:   calc(43.25% - ((var(--GRAPH_ZERO_CONTAINER_WIDTH) / 2) * 1vw));
        top:    calc(20% - ((var(--GRAPH_ZERO_CONTAINER_HEIGHT) / 2) * 1vh)); 

        width:  calc(var(--GRAPH_ZERO_CONTAINER_WIDTH) * 1vw); 
        height: calc(var(--GRAPH_ZERO_CONTAINER_HEIGHT) * 1vh);
        
        transform: rotateX(180deg);
}

#graph_zero_container_id_clone
{
        position:fixed;    

        left:   calc(43.25% - ((var(--GRAPH_ZERO_CONTAINER_WIDTH) / 2) * 1vw));
        top:    calc(20% - ((var(--GRAPH_ZERO_CONTAINER_HEIGHT) / 2) * 1vh) + 22vh); 

        width:  calc(var(--GRAPH_ZERO_CONTAINER_WIDTH) * 1vw); 
        height: calc(var(--GRAPH_ZERO_CONTAINER_HEIGHT) * 1vh);

        opacity:20%;
}

.graph_zero_point_container     
{ 
        border:0px solid blue; 
        display:inline-block; 
        height:100%;
}

.top_div                        { width:100%; height:50%; }
.bottom_div                     { width:100%; height:50%; }

.positive_meter_div             { background:linear-gradient(black, green); width:100%; }
.negative_meter_div             { background:linear-gradient(black, red);  width:100%;  }