.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    /*whatever width you want*/
}

.inputWrapper {
    width: 100%;
    margin-bottom: 10px;
}

input {
    width: 100%;
}

body {
    font-family: arial,sans-serif;
}

.error-text {
    color: red;
}

.success-text {
    color: green;
}

.info-text {
    margin-bottom: 10px;
}