html, body {
    height: 100%;
    background-color: #fefffc;
    font-family: Sans-Serif;
    line-height: 1.25;
    margin: 0;
}

h1 {
    font-size: 1.5em;
    margin: 0;
}

#content {
    display: flex;
}

#not-map {
    margin: 8px;
    flex: 1;
}

#map {
    flex: 1;
}

/* Crude responsive behaviour */
@media (max-width: 600px) {
    #content {
        display: block;
    }
    #map {
        height: 600px;
    }
}

#logo {
    display: inline-block;
    vertical-align: top;
}

#title {
    display: inline-block;
    width: 15em;
}

#input {
    margin: 0 0 1em 0;
}

#debug-input {
    margin: 1em 0 1em 0;
}
#stats {
    margin: 1em 0;
}

#chart {
    height: 280px;
}

#warnings {
    color: red;
    margin: 1em 0 0 0;
}

ul {
    margin: 0.25em 0 0 0;
}

#spinner {
    width: 100%;
    height: 50px;
    background:url("spinner.gif") no-repeat center center;
    display: none;
}