body {
    font-family: 'Merriweather Sans', sans-serif;
    margin: 0 0 0 0;
    padding: 0;
    background-color: #ececec;
}
.titleh1 {
    color: whitesmoke;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
input[type=text] {
    font-family: 'Merriweather Sans', sans-serif;
    width: 35%;
    font-size: 28px;
}
input[type=text]:focus {
    background-color: lightblue;
}
input[type=submit] {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 28px;
}

footer {
    position: absolute;
    color: whitesmoke;
    bottom: 0;
    background: #333;
    background: -webkit-linear-gradient(#707070, #333, #333, #333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#333, #707070, #333, #333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#707070, #333, #333, #333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#707070, #333, #333, #333); /* Standard syntax (must be last) */
    width: 100%;
    font-size: 20px;
}
header {
    color: white;
    top: 0;
    background: #333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#333, #333, #333, #707070); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#333, #333, #333, #707070); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#333, #333, #333, #707070); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#333, #333, #333, #707070); /* Standard syntax (must be last) */
    width: 100%;
    font-size: 20px; 
}
form { 
    position: absolute;
    width: 50%;
    height: 50%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}