* {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 0;
}

form {
  display: grid;
  grid-template: auto / 15% 85%;
  gap: 10px;
  width: 70%;
  margin: 20px auto;
  align-items: center;

  border: 2px solid black;
  padding: 50px;
  background-color: rgb(254, 255, 250);
  box-shadow: 0 0 5px 5px rgb(223, 223, 223);
}

h2 {
  text-align: center;
  grid-column: span 2;
  font-size: 40px;
  margin-bottom: 10px;
}

form label {
  text-align: right;
  width: 100%;
}

/* Inputs */
form input {
  padding: 5px;
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid darkgrey;
  box-shadow: 0 2px 5px 0 rgb(231, 231, 231);
}
form input:disabled {
  background-color: rgb(233, 233, 233);
}

/* Button */
form button {
  grid-column: 2;
  padding: 5px;
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid rgb(0, 131, 55);
  background-color: rgb(0, 163, 68);
  color: white;
  box-shadow: 0 2px 5px 0 rgb(194, 194, 194);
  transition: background-color 70ms, border 70ms, box-shadow 50ms;
}
form button:hover {
  cursor: pointer;
  border: 2px solid rgb(0, 102, 63);
  background-color: rgb(0, 141, 87);
  box-shadow: 0 2px 6px 2px rgb(194, 194, 194);
}
form button:active {
  border: 2px solid rgb(0, 78, 65);
  background-color: rgb(0, 102, 80);
  color: white;
  box-shadow: 0 1px 3px 2px rgb(90, 90, 90);
}