body,
section,
header,
div,
nav,
aside,
html,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}
body.login {
    background: #a0b9b6;
}
section.login {
    position: absolute;
    top: 20%;
    left: 50%;
    margin: auto;
    margin-left: -230px;
    width: 400px;
    text-align: center;
    padding: 30px;
    background: #fff;
    border-bottom-left-radius: 100px 5px;
    border-bottom-right-radius: 100px 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
}
section.login:before,
section.login:after {
    content: '';
    position: absolute;
    z-index: -2;
    bottom: 10px;
    width: 55%;
    height: 20%;
    box-shadow: 0 0 15px 10px rgba(0,0,0,0.4);
}
section.login:before {
    left: 15px;
    transform: rotate(-3deg);
}
section.login:after {
    right: 15px;
    transform: rotate(3deg);
}
fieldset.boxes {
    border: solid #999 1px;
    border-radius: 5px;
    background: #fff;
    width: 75%;
    margin: 35px auto 5px;
    padding: 0;
}
input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    border: none;
    background: none;
    font-size: 20px;
    padding: 10px;
    border-top: #999 solid 1px;
}
input:first-of-type {
    border-top: none;
}
fieldset.buttons {
    text-align: center;
    border: none;
}
button,
a.button {
    box-shadow: 0px 10px 14px -7px #276873;
    background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
    border: none;
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #3d768a;
    margin: 5px;
}
button:hover,
a.button:hover {
    background: linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
    background-color: #408c99;
}
button:active,
a.button:active {
    position: relative;
    top: 1px;
}