:root {
    --green: #028940;
    --yellow: #ffc20d;
    --sky: #00a7e9;
    --lettuce: #8bcd32;
    --spinach: #006230;
    --purple: #4c006a;
    --orange: #ffb200;
    --tomato: #de3804;
    --darkgrey: #282828;
    --chilli: #ee0000;
    --red: #de2466;
    --grey: #bbbbbb;
    --blackpepper: #111111;
    --lightGreen: #caffe3;
    --lighterGreen: #e5fff1;
    --lightYellow: #ffecae;
    --lighterYellow: #fdf5d9;
    --lightRed: #ffd7e4;
    --lighterRed : #FFEBF1;
    --lightPurple: #ebc1fc;
    --lighterPurple: #f6dfff;
    --lightSky: #9de1fc;
    --lighterSky: #d2f2ff;
}

html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : var(--blackpepper);
	text-align:left;
}

h5 {
    color : var(--green);
}