body {
    background    : #004b8e;
    margin: 0;
}

#header {  
    width: 100%;
    text-align: center;
    margin: 0;
    padding-bottom: 20px;
    background: white;
}

h2 {
    padding-top: 20px;

    font-family: Helvetica, Arial, sans-serif; font-size: 200%;
}

input {
    padding: 8px;
    font-family: Helvetica, Arial, sans-serif; font-size: large;
}

input[type=submit] {
    padding: 10px;
    font-family: Helvetica, Arial, sans-serif; font-size: large;

    border: 2px; border-radius: 10px;
    margin-left: 200px;
    background: rgb(250, 255, 189);
}

label {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Helvetica, Arial, sans-serif; font-size: 120%;


}

#blue-section {
    width: 100%;
}

#login-section {

    font-family: Helvetica, Arial, sans-serif; font-size: large;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    color: white;
}

#login-form {

    color: white;
    width: 100px;

}

.logo-image {
     /*  width: 180px; height: 35px; */
    padding-top: 30px; margin-left: 20px; margin-bottom:  2px; border: none;
}

.error {
    color: red;
}