/* this is how you comment in CSS */
html {
  font-family: arial;
  background-color: #FBAB7E;
  background-image: linear-gradient(#FBAB7E, #F7CE68);
}

h1, p {
  text-align: center;
  color: #3c6d07;
}

p {
  margin-top: -20px;
}

form {
  text-align: left;
  padding: 1em 1em;
  margin: auto;
  border: solid;
  border-width: 5px;
  width: 100vw;
  max-width: 500px;
  min-width: 300px;
  border-color: #90EE90;
  background-color:rgb(200, 255, 175);
}

input {
  width: 100%;
  height: 2em;
  display: block;
}

input[type="Submit"] {
  display: block;
  width: 25%;
  margin: auto;
  margin-top: 2em;
  background-color: #17B169;
  border-color: white;
  color: yellow;
}

input,
textarea,
select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
}

label {
  display: block;
  margin: 1em 0;
}

.inline {
  width: unset;
  display: inline;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}