html,body {
  height:100%;
  width:100%;
  margin:0;
}
body {
  display:flex;
}
form {
  margin:auto;/* nice thing of auto margin if display:flex; it center both horizontal and vertical :) */
}

.inp-reset{
    background: #0082b5;
    color: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #eee;
    text-shadow:none;           
    width: 500px; 
    margin-bottom: 5px;
    display: block;
    height: 30%;

}

.inp-reset:hover {
    background: #d9534f;
    color: #fff;
    border: 1px solid #eee;
     border-radius: 20px;
    box-shadow: 5px 5px 5px #eee;
    text-shadow:none;
}

footer{
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
    height: 10px;
}