body {
    text-align: left;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1em;
    color:#444;
    background-image: url(http://wp2.rescueweb.com/wp-content/uploads/2018/05/what-the-hex.png);
    background-repeat:repeat;
}
#container {
    width:650px;
    max-width:100%;
    margin:0 auto;
    padding:30px 0;
}
.header {
    width:100%;
    padding:20px 0;
    text-align:center;
}
#content {
    background-color: #fff;
    padding:15px 20px;
    text-align:center;
}
.footer {
    background-color: #aaa;
    padding: 30px 0;
    text-align:left;
}
.foot1 {
    width:25%
}
.valid {
    font-size:5em;
    color:green;
}
.invalid {
    font-size: 5em;
    color: red;
}