body {

}

div{
    text-align:center;
}

#gvCoffee {
    margin-left: 28%;
    border: 1px solid #507CD1;
    border-radius: 4px;
}

#userInfo {
    margin-left:50px;
    text-align:center;
 
}

#userInfo [type=text], #userInfo select {
        width: 70%;
        padding: 12px 20px;
        margin: 8px 0;
        border: 1px solid #507CD1;
        border-radius: 4px;

}

#gvTea {
    margin-left: 28%;
    border: 1px solid #507CD1;
    border-radius: 4px;
}


#gvOutput {
    margin-left: 28%;
    border: 1px solid #507CD1;
    border-radius: 4px;
}


#gvManage {
    margin-left: 28%;
    border: 1px solid #507CD1;
    border-radius: 4px;
}


#gvReward {
    margin-left: 28%;
    border: 1px solid #507CD1;
    border-radius: 4px;
}


header {
    text-align: center;
    color: white;
    background-color: #507CD1;
    vertical-align: central;
    height:50px;
}

h1 {
    padding: 0;
    margin: 0;
}