/* Scss Document */
section {
  width: 570px;
  margin: 50px auto;
  border-radius: 10px;
  border: 1px solid #f0dddd;
  padding: 70px;
  background: #fff6f6;
}
section table {
  width: 100%;
  margin-bottom: 20px;
}
section th {
  font-weight: normal;
  width: 10em;
}
section input[type="text"],
section input[type="password"] {
  width: 85%;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 10px;
}
section tr:nth-child(1) th,
section tr:nth-child(1) td {
  padding-bottom: 20px;
}
section .submit {
  text-align: center;
}
section input[type="submit"] {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  border-radius: 10px;
  width: 8em;
  padding: 7px 0;
  color: #fff;
  background: #fe9487;
  cursor: pointer;
}
section input[type="submit"]:hover, section input[type="submit"]:active, section input[type="submit"]:focus {
  color: white;
}
section input[type="submit"]:hover, section input[type="submit"]:active, section input[type="submit"]:focus {
  background: #feaba0;
}

@media all and (max-width: 480px) {
  section {
    width: 90%;
    padding: 30px 10px;
  }
  section th {
    width: 6em;
  }
  section input[type="submit"] {
    font-size: 24px;
  }
}