* {
    margin: 0;
    padding: 0;
}
html, body {
    background: url('../img/background.jpg') top center no-repeat fixed #7fa3b0; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    width: 100%;
    height: 100%;
}
form {
    margin: 0 auto;
    padding: 200px 0 0;
    width: 300px;
}
fieldset {
    border: none;
    padding: 10px;
}
legend{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}
ul {
    padding: 0;
    list-style-type: none;
}
li {
    padding: 10px 0;
}
input {
    padding: 10px;
    font-size: 15px;
}
input[type=text], input[type=password] {
    text-shadow: 0 1px 1px #566063;
    color: #fff;
    background: #97bcc7;
    border: 1px solid #85abb6;
    border-top: 1px solid #46565b;
    border-bottom: 1px solid #cce4eb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px #586b70;
    -webkit-box-shadow: inset 0px 0px 2px #586b70;
    -moz-box-shadow: inset 0px 0px 2px #586b70;
    width: 220px;   
}
input[type=text]:focus, input[type=password]:focus {
    background: #a0c3cd;
}
input[type=submit] {
    text-shadow: 0 1px 1px #000;
    background: #292b2c;
    border: 1px solid #333;
    color: #fff;
    border: none;
    border-bottom: 1px solid #0b0c0c;
    border-top: 1px solid #a9adae;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px #393f41;
    -webkit-box-shadow: 0px 0px 3px #393f41;
    -moz-box-shadow: 0px 0px 3px #393f41;
    width: 240px;
}
input[type=submit]:hover {
    background: #3d4041;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
::-webkit-input-placeholder {
    color: #fff;
}
::-moz-placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #fff;
}
input:-moz-placeholder {
    color: #fff;
}
#note {
    background: #f7d5d9;
    border: 1px solid #c95260;
    padding: 10px;
    width: 220px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}