body {
    font-family: sans-serif;
    font-size: 150%;
    margin: 0 auto;
    max-width: 30em;
}

h2 {
    background: #eee;
}

input, select, button, #record_time, #drop_zone {
    font: inherit;
    margin-left: 1em;
}

#api_url, #voice, #drop_zone {
    width: 50%;
}

#player {
    width: 100%;
}

#drop_zone {
    display: inline-block;
    text-align: center;
    border: 1px dashed;
    padding: 2px;
}

#drop_zone:hover, #drop_zone.hit {
    border-style: solid;
}

.checkmark {
    float: right;
    font-size: 200%;
    transform: translateY(-25%);
}