/*#336699*/
html, body {
    background: linear-gradient(to top right, rgba(32,64,96,0.9) 10%, rgba(83,140,198,0.9) 65%, rgba(51,102,153,0.9) 125% );
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    overflow:hidden;
}

h1, h2 {
    font-weight:normal;
    color:white;
    text-align:center;
    font-size:1.5em;
    margin:2px;
}

h2{
    font-size:1.2em;
}



form{
    background-color:white;
    width:500px;
    padding:50px;
    overflow:hidden;
    margin:20px auto;
}

@media screen and (max-width: 600px) {
    form {
        width: calc(90% - 40px);
        padding:20px;
    }
}

form h1{
    color:black;
    margin:15px 0;
    font-size:xx-large;
}

form label{
    display:block;
    font-size:small;
}
    form input {
        display: block;
        height: 50px;
        width: 100%;
        margin: 10px 0;
        padding:0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    form input[type=checkbox]{
        height:auto;
        display:inline-block;
        width:auto;
        margin:0px;
    }

    form label[for] {
        display: inline-block;
        line-height: 10px;
        height: 10px;
        padding: 0;
        margin-left:10px;
    }

    form input[type=submit] {
        width: 30%;
        float: right;
        height:30px;
    }