.auth-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.auth-form * {
    font-family: 'Courier New', 'monospace';
    font-size: 14pt;
}

.auth-form input, label {
    width: 100%;
    min-height: 20px;
    height: auto;
    padding: 5px;
    margin: 10px 0 10px 0;
}

.text-input-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.text-input-lbl {
    width: 15em;
}

.text-input {
    width: 100%;
}

.submit-btn {
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .text-input-container {
        flex-direction: column;
    }

    .text-input-container * {
        width: 100%;
    }
}