*
{   box-sizing:border-box;
    font-family:arial;
}
body
{   background-color:#cfcfcf;
    color:#555555;
    font-size:18pt;
}
img
{  display:block;
   margin-left:auto;
   margin-right:auto;
}
input[type='text'],input[type='password']
{   border-color:#cccccc;
    border-style:solid;
    border-width:1px;
    box-shadow:0px 1px 2px rgba(0, 0, 0, 0.075) inset;
    color:#666666;
    font-size:16px;
    outline:medium none;
    padding:10px;
    width:100%;
}
input[type='text']:focus,input[type='password']:focus
{   box-shadow:inset 0 0 4px  rgba(0,0,0,0.1),0 0 8px rgba(0,0,0,0.1);
}
input:-webkit-autofill
{   -webkit-box-shadow:0 0 0 1000px white inset !important;
}
form
{   margin:0;
}
.box
{   margin:10px auto;
    padding:20px;
    text-align:center;
}
.container
{   background-color:#eeeeee;
    border-radius:5px;
    box-shadow:0px 1px 3px #999999;
    left:50%;
    min-height:240px;
    min-width:310px;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
}
.headline
{   background-color:#306754;
    border-radius:5px 5px 0px 0px;
    color:#ffffff;
    font: 700 1.75rem;
    padding:10px;
    text-align:center;
}
.input
{   font-size:16px;
    padding:10px;
    width:100%;
}
.message
{   color:#ff0000;
    font-size:16px;
    text-align:center;
}
.reset-link
{   font-size:12px;
    text-align:left;
}
#button
{   background-color:#0095c3;
    color:#ffffff;
    font-size:20px;
    border-color:#ffffff;
    border-style:solid;
    border-width:0px;
    padding:.5em 2em;
    -webkit-appearance:none;
    -webkit-border-radius:0;
}
#button:hover
{   background-color:#649bf4;
    cursor:pointer;
}