html, body {
    height: 100%;
    margin: 0px;
    background-color: #1A222A;
}

.container {
    position: absolute;
    width: 100%;
    height: 40vh;
    max-height: 40vh;
    overflow: hidden;
}
.display {
    position: absolute;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32pt;
}

.output {
    word-break: break-all;
    text-align: right;
    color: #FFF;
    width:50%;
    right:50%;
}

.next {
    color: #803e3e;
    left:50%;
}

.instructions {
    font-family: 'Courier New', Courier, monospace;
    width: 100%;
    color: #888;
    font-size: 16pt;
}

.hidden-input {
    width: 0px;
    opacity: 0;
}

.reset-button {
    display: none;
    font-size: 16pt;
}