html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 1em;
    line-height: 150%;
    color: hsl(0, 0%, 10%);
}

body.waiting {
    background-color: hsl(330, 100%, 55%);
    color: white;
}

body.coming {
    background: hsl(210, 100%, 65%);
    color: white;
}

h1 {
    font-size: 2em;
    margin: 1em 0;
}

button {
    border-radius: 2em;
    border: 2px solid hsl(0, 0%, 10%);
    background-color: hsl(45, 100%, 50%);

    /* iOS default is blue */
    color: hsl(0, 0%, 10%);

    padding: 1em;
    margin: 0.5em;
    font-size: 1.5em;
}

#doorbell-status {
    font-size: 1.5em;
    margin: 1em 0;
    line-height: 130%;
}

.hidden {
    display: none;
}