body {
    background: #f8f8f8;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
    color: #333;
}

#header {
    height: auto;
    padding: 15px 16px;
    justify-content: center;
    width: auto;
    display: flex;
    align-items: center;
    background: #417690;
    color: #ffc;
    overflow: hidden;
}

#header {
    font-size: 18px;
    color: #fff;
}

#content {
    padding: 20px 20px 30px 20px;
}

#container {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    overflow: hidden;
    width: 28em;
    min-width: 300px;
    margin: 100px auto;
    position: relative;
    padding: 0;
}

.form-row {
    padding: 4px 0;
    float: left;
    width: 100%;
    border-bottom: none;
}

.form-row label {
    padding-right: 0.5em;
    line-height: 2em;
    font-size: 1em;
    clear: both;
    color: #333;
}

.form-row input[type=text] {
    clear: both;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-row a, .form-row a:visited {
    color: cornflowerblue;
}

.submit-row {
    clear: both;
    padding: 1em 0 0 5em;
    margin: 0;
    border: none;
    background: none;
    text-align: left;
}

form {
    margin: 0;
    padding: 0;
}

input[type=submit], input[type=button] {
    background: #79aec8;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background: #609ab6;
}