/* *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body, #root {
    height: 100%;
} */

.OmniPowerTrianle {
    background-color: #434C58; 
    width: 100%;
    height: 100%;

    svg {
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

    foreignObject div  {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: visible;
        white-space: nowrap;
        height: 0;
        width: 0;
        
        .units {
            align-items: flex-start;
        } 
    }
}