/*=================================================================
	General
==================================================================*//*
* px:
*       - base font size, not influenced, relative to screen resolution.
*       - Use in html to avoid browser setting
* rem:
*       - based on html font size, influenced by browser font size setting.
*       - Use in modules that doesn't change with the text size
* em:
*       - based on parent's font size.
*       - Use in elements that change with font size (h1, h2, .... pre, )
*/
/* html, body {
    height: 100%;
} */
body {
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI", Arial, sans-serif;
}
.content {
    flex: 1 0 auto;
}

.hidden{ display: none; }
.clear{ clear: both; }