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

body {
    background-color: #eeeeee;
    font-size: 11pt;
}

.container {
    background-color: white;

    min-height: 75vh;
    padding: 15px;
}

#drop-area {
    border: 2px dashed #ccc;
    border-radius: 20px;
    padding: 20px;
    color: #ccc;
}

#drop-area.highlight {
    border-color: green;
    color: green;
}

#drop-area div {
    text-align: center;
}

input[type="file"] {
    display: none;
}

div.error {
    color: red;
}

div.success {
    color: green;
}

div.info {
    color: royalblue;
}

dd.old {
    color: purple;
}

#message {
    font-size: 14pt;
}

img.resize {
    width: 50%;
    transition: width 1s;
}

img.resize:hover {
    width: 100%;
}