html {
    font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
}

/* App */

body {
    margin: 0;
    background: black;
    color: white;
    font-family: system-ui, sans-serif;
}

body, code {
    font-family: ubuntu, Verdana, system-ui, sans-serif;
}

/* Content */

.prompt__active .prompt__content {
    line-height: 1.4em;
    padding: 100vh 1rem calc(50vh - 0.6rem);
    hyphens: auto;
}

.prompt__active .prompt__content,  .prompt__active .prompt__content h1, .prompt__active .prompt__content h2 {
    /*font-size: 5vw;*/
}

.prompt__active .prompt__inverted {
    transform: scaleY(-1);
}

@media (orientation: landscape) {
    .prompt__active .prompt__content {
        padding-right: 20%;
        padding-left: 20%;
    }
}

.prompt__active .prompt__content p {
    margin: 0;
}

.prompt__active .prompt__content p + p {
    margin-top: 0.8rem;
}

/* Focus */

.prompt__active .prompt__focus {
    position: fixed;
    top: calc(50vh - 0.6rem);
    left: 0;
    right: 0;
    height: 6rem;
    background: white;
    opacity: 0.2;
    pointer-events: none;
}

.prompt__active .prompt__escape {
    display: block;
}
.prompt__prepare .prompt__toolbox {
    display: block;
}
.prompt__sticky {
    position: fixed;
    display: none;
    top: 10px;
    right: 10px;
    height: auto;
    width: auto;
    background: #0a0a0a;
}

.verse__hidden {
    display: none;
}

button.active {
    background-color: coral;
}