body {
  background: linear-gradient(90deg, #c7f8f4, #61c5bc);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Quicksand", sans-serif;
}
h1,
h2,
h3,
p {
  font-family: "Quicksand";
}
/* I adjusted font sizes to make it more similar to the design of XD file. */
h1 {
  font-size: 46pt;
  font-weight: 300;
  color: #7f7f7f;
  line-height: 0.1;
}
h2 {
  font-size: 33pt;
  font-weight: 300;
  color: #5ec3ba;
  line-height: 0.1;
}
h3 {
  font-size: 24px;
  font-weight: 300;
  color: #7f7f7f;
  letter-spacing: 3px;
  line-height: 30px;
  padding: 0px 21px 0px 0px;
}

P {
  font-size: 14pt;
  font-weight: 300;
  color: #5ec3ba;
  line-height: 0px;
  letter-spacing: 3px;
  padding: 0px 21px 21px 0px;
}
section {
  background: white;
  width: 1230px;
  height: 828px;
  border-radius: 15px;
  background-image: url("../images/sea.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.3);
  position: relative;
}

/* Form */
#Form {
  padding-top: 60px;
  padding-left: 101px;
}

label {
  font-family: "Quicksand";
  font-size: 14pt;
  color: #7f7f7f;
  letter-spacing: 3px;
}

input {
  width: 500px;
  height: 53px;
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 1px;
  padding-left: 8px;
  font-family: "Quicksand";
  border-color: #979797;
  border-radius: 8px;
  border-width: 0.5;
  border-style: double;
}

input[type="text"]:hover {
  border: 2px solid rgb(32, 133, 173);
}

select {
  width: 500px;
  height: 53px;
  display: block;
  font-family: "Quicksand";
  font-weight: 300;
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 3px;
  color: #979797;
  letter-spacing: 2px;
  padding-left: 8px;
  border-color: #979797;
  border-radius: 8px;
  border-width: 0.5;
  border-style: double;
}
select::-ms-expand {
  display: none;
}
#ServiceRequested {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-accelerator: none;
  background-color: white;
  background: url(../images/triangle.png) no-repeat scroll right center;
}

#ServiceRequested:hover {
  border: 2px solid rgb(32, 133, 173);
}

#SUBMIT {
  background: linear-gradient(180deg, #96ede6, #61c5bc);
  border-color: white;
  color: white;
  font-family: "Quicksand";
  font-size: 24px;
  letter-spacing: 4px;
  margin-top: 2px;
}
#SUBMIT:hover {
  background: rgb(32, 133, 173);
}
#SUBMIT:focus {
  background: #979797;
}

/* Quote */
#Quote {
  position: absolute;
  left: 627px;
  top: 157px;
  width: 393px;
  height: 165px;
  background-color: white;
  text-align: right;
}

/* Image */
img {
  float: right;
}