body {
    font-family: Open Sans;
    font-size: 18px;
}
input, textarea {
    font-family: inherit;
    font-size: inherit;
}
table{
    width: 100%;
}
table td{
    text-align: left;
}
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: inherit;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

    input[type=submit]:hover {
        opacity: 0.8;
    }

article {
    width: 30em;
    border: 3px solid #f1f1f1;
    padding: 1em 1em 2em 1em;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    box-shadow: 7px 7px 7px #a0a0a0;
}
span {
    position: absolute;
    bottom: 1em;
    left: 1em;
}