/**
 * Below are the colors defined for both the wells and the "differences" section
 * of the charts. If you write a theme, please use (you might redefine them)
 * these variables instead of hardcoded colors in order to keep the link between
 * the wells and the "differences" charts.
 */
:root {
    --wells-balance-color: #00BFF3;
    --wells-received-color: #00A651;
    --wells-spent-color: #F26C4F;
    --wells-saved-color: #0072BC;
    --charts-lines-color: #008080;
    --charts-axis-color: #000000;
}

*,
::after,
::before {
    box-sizing: border-box;
}

body {
    font-size: 14px;
}

html,
body,
#app {
    min-height: 100%;
}

#app {
    padding: 0;
    margin: 0;
    height: 100vh;
    overflow: hidden;
}

#app > div {
    height: 100%;
}

/**
 * Below are the colors defined for both the wells and the "differences" section
 * of the charts. If you write a theme, please use (you might redefine them)
 * these variables instead of hardcoded colors in order to keep the link between
 * the wells and the "differences" charts.
 */
:root {
    --wells-balance-color: #00BFF3;
    --wells-received-color: #00A651;
    --wells-spent-color: #F26C4F;
    --wells-saved-color: #0072BC;
    --charts-lines-color: #008080;
    --charts-axis-color: #000000;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-size: 14px;
}

html,
body,
#app {
    min-height: 100%;
}

#app {
    padding: 0;
    margin: 0;
    height: 100vh;
    overflow: hidden;
}

#app > div {
    height: 100%;
}

Apply font-size to the root so that rem units can be used
Apply font-size to the root so that rem units can be used
