html, body, .container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 400px) {
    body {
        font-size: 75%;
    }
}

@media (max-width: 200px) {
    body {
        font-size: 50%;
    }
}

#input {
    border: none;
    outline: none;
    width: 95%;
    height: 95%;
    font-size: 1.5em;
    font-family: monospace;
    padding: 2%;
    white-space: pre-line;
    /*resize: none;*/
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100;
    background: #fff;
    font-size: 1.5em;
    font-family: monospace;
    padding: 2%;
}

#help {
    width: 75%;
    position: fixed;
    left: 50%;
    bottom: 5px;
    margin-left: -37.5%;
    text-align: center;
    background: #e3e3e3;
    z-index: 200;
    padding: 5px;
    border-radius: 10px;
    font-family: monospace;
}