html,body { height: 100%; }
body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
body{
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
p {
    width: 100%;
    margin: 0;
}
p.header {
    color: #5f362c;
    text-align: center;
    background-color: #e8e8e8;
    width: 100%;
    display: block; 
    margin: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 200%;
    padding: 30px 0;
}
.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px; 
    
}
div.form {
    padding-top: 50px;
    margin: 0 auto;
}
div.label{
    padding: 0 18%;
    text-align: left;
    margin: 0 auto 10px;
    max-width: 300px;
}
div.input{
    padding: 0 10%;
    text-align: center;
    margin-bottom: 30px;
}
div.submit{
    padding: 0 10%;
    text-align: center;
    margin-top: 40px;
}
label{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    max-width: 300px;
}

input.text{
    width : 80%;
    max-width: 300px;
    height: 25px;
}
input.submit{
    width : 80%;
    max-width: 300px;
    height: 40px;
}
label#error{
display: none;
color: #f00;
text-align: center;
width: 80%;
max-width: 300px;
margin:0 auto;
}
label.input{
    font-weight: bold;
}