html {
  display: table;
}

body {
  display: table-cell;
  vertical-align: middle;
  align-items: center;
  text-align: center;
}

html, body {
  height: 100%;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

input {
    background-color: whitesmoke;
    min-width: 250px;
    max-width: 500px;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border: none;
    border-radius: 25px;
    border-color: #801010;
    border-width: 2px;
    border-style: ridge;
}

button {
    transition-duration: 0.1s;
    background-color: #801010;
    opacity: 0.8;
    border: none;
    border-radius: 25px;
    color: white;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
  }
  
button:hover {
    background-color: #801010;
    color: white;
    opacity: 1;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }