* {
    margin:0;
    padding:0;
    border:none;
    list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font:13px/1.25 'Alef';
    background-color: #E9E9E2;
    overflow: hidden;
}

form {
    margin:150px auto;
    background:#185486;
    width:377px;
    text-align:center;
    padding:30px 40px 30px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

form > h1 {
    color:#f4f4f4;
    font-weight:400;
    margin-bottom:20px;
    font-size:23px;
    font-family: -webkit-pictograph;
}

.input {
    background:rgba(0, 0, 0, 0.3);
    color:#FFFFFF;
    text-shadow:1px 1px 0px rgba(0, 0, 0,0.3);
    width:269px;
    padding:10px;
    margin-bottom:15px;
    font-size: 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .1S ease-in-out;
    -moz-transition: all .1S ease-in-out;
    transition: all .1S ease-in-out;
}

.input:focus {
    background:rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

::-webkit-input-placeholder {
   color:#f4f4f4;
}

:-moz-placeholder {
   color:#f4f4f4;
}

::-moz-placeholder {
   color:#f4f4f4;
}

:-ms-input-placeholder {  
   color:#f4f4f4;
}

.button {
    position:relative;
    margin-top:5px;
    margin-bottom:15px;
    height: 50px;
    width:270px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .1S ease-in-out;
    -moz-transition: all .1S ease-in-out;
    transition: all .1S ease-in-out;
    font-size: 20px;
    background:#D56453;
    color:#f4f4f4;
    box-shadow:0px 3px 0px #ab4b47;
    cursor:pointer;
}   

.button:active {
  top:3px;
  box-shadow:none;
}

.button_Sub {
    position:relative;
    margin-top:5px;
    margin-bottom:15px;
    margin-right:10px;
    margin-left:10px;
    height: 40px;
    width:110px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .1S ease-in-out;
    -moz-transition: all .1S ease-in-out;
    transition: all .1S ease-in-out;
    font-size: 20px;
    background:#f26964;
    color:#f4f4f4;
    box-shadow:0px 3px 0px #ab4b47;
    cursor:pointer;
}   

.button_Sub:active {
  top:3px;
  box-shadow:none;
}

a
{
    font-size:16px;    
    color: #f4f4f4;
}