:root {
    --dark: rgba(51,51,51,1);
    --white: #FAFAFA;
    --light-green: rgba(154, 202, 60, 1);
    --green: #50A446;
    --dark-green: rgba(98, 128, 38, 1);
    --red: #EE4266;
    --dark-highlight: rgba(200,200,200,.1);
    --bgcolor: var(--dark);
    --font-family: Helvetica, Arial, sans-serif;
    --button-color: var(--dark-green);
}

body {
    background-color: var(--bgcolor);
    color: var(--white);
    font-family: var(--font-family);
}
a { color: var(--light-green); }
#drop {
   width: 95%;
   min-height: 200px;
   max-height: 500px;
   border: 5px dashed var(--green);
   display:flex;
   align-items:center;
   justify-content:center;
   margin: 0 auto;
}
#drop.drag { background: var(--dark-highlight); }
input { margin-left: .75rem; }
::file-selector-button {
    background: var(--button-color);
    border: 1px solid var(--button-color);
    color: var(--white);
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
}
#status {
    margin: 10px 0 20px 4.5rem;
    font-family: monospace;
    padding: 5px;
    width: 60%;
}
#status.error { border: 1px dashed var(--red); }
h1 { margin: 1.5rem 1rem; }
h2, h3 { margin: 1rem; }
.content-text {
    min-width: 600px;
    max-width: 900px;
    margin: 0 auto;
}
.content-text h2 { margin: 1rem 0; }
.content-text .linkback {
    font-size: .8em;
    font-style: italic;
}