/* Application-styled layout, where the first div is sized according to its content and the second div fill up
 * the remaining (vertical) space
 */
body {
    display:table;
    width:100%;
}

div {
    display:table-row;
}

div+ div {
    height:100%;
    min-width: 300px;
    min-height: 300px;
}

/* Aesthetics */
h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

body, td, a, div, .p {
    font-family: arial, sans-serif
}
