main.css

html {
  height: 100%;
  width: 100%;
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font: 100% 'Arial', sans-serif;
  background-color: #f3f3f3;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.title {
  position: relative;
  padding: 50px 0 70px;
  font-weight: bold;
  font-size: 1.75em;
  text-align: center;
}

.form {
  position: relative;
}

.form-section {
  position: relative;
  margin: 0 0 15px;
  text-align: center;
}

.form-section label {
  color: #888;
  font-size: .875em;
  cursor: pointer;
  user-select: none;
}

input {
  width: 180px;
  padding: 10px 15px;
  margin: 0 5px;
  font-size: .875em;
  border: none;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  transition: all .15s ease-out;
}

input:focus {
  outline: none;
  box-shadow: 0 0 0 1px #1E90FF;
}

input[type="checkbox"] {
  width: 20px;
  box-shadow: none;
  background: none;
}
input[type="checkbox"]:focus ~ label {
  color: #1E90FF;
}

input[type="button"] {
  width: 230px;
  margin: 40px 0 0;
  color: #fff;
  font-weight: bold;
  background-color: #1E90FF;
  box-shadow: 0 0 0 1px #1E90FF;
  transition: all .15s ease-out;
  cursor: pointer;
}
input[type="button"]:hover {
  background-color: #0068F0;
  box-shadow: 0 0 0 1px #0068F0;
}
input[type="button"]:focus {
  background-color: #0068F0;
  box-shadow: 0 0 0 1px #0068F0;
}