/* same box sizing */
* {
  box-sizing: border-box; /* include padding and border in width */
}

/* page background */
body {
  margin: 0;
  background-color: #ecf7fc; 
  font-family: Arial, sans-serif;
}

/* hide heading */
.visually-hidden {
  position: absolute; /* remove from layout */
  left: -9999px; /* move off screen */
}

/* form box */
form {
  width: 480px;
  margin: 40px auto; /* center form */
  padding: 20px; /* add space inside */
  border: 3px solid #3b3b3b; 
  background-color: #ecf7fc; 
}

/* remove fieldset border */
fieldset {
  border: none; /* remove border */
}

/* space between fields */
p {
  margin-bottom: 20px; 
}

/* label style */
label {
  display: block; /* move label to new line */
  margin-bottom: 6px; 
  font-size: 11pt; 
  font-weight: bold; 
  color: #3b3b3b; 
}

/* input fields */
input {
  width: 100%; 
  padding: 10px; 
  border: 1px solid #b7c9dc; 
  background-color: #f7f9fb; 
  font-size: 11pt;
}

/* center button */
.button-row {
  text-align: center;
}

/* button style */
button {
  width: 280px;
  padding: 10px; 
  border: 5px solid #bfd1e6; 
  border-radius: 25px; /* rounded shape */
  background: linear-gradient(#f7f8fa, #dfe4ea);
  font-size: 11pt;
  font-weight: bold; 
  color: #3b3b3b;
  cursor: pointer;
}