* {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  color: #333;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
    background: repeating-linear-gradient(45deg,#ffffff,#ffffff 10px,#fbfcff 10px,#fbfcff 20px);
}

div {
  display: block;
  position: relative;
  top: calc(50vh - 98px);
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #e1e8ff;
  border-radius: 2px;
  background: #fff;
}

p {
  margin-top: 0;
  font-size: 16px;
  font-weight: 800;
}

button {
  display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background: #005aff;
    border-radius: 2px;
    border: 1px solid #001fff;
    transition: .25s all;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
}

button:hover {
  background: #054dd0;
}

button::-moz-focus-inner {
  border: 0;
}

*:focus {
    outline: 0 !important;
}

footer {
  max-width: 350px;
  margin: 0 auto;
    margin-top: 15px;
    font-size: 10px;
    user-select: none;
}

footer > span {
  display: block;
  margin-top: 15px;
}