body {
	  
	/*background-color: teal;
    background: radial-gradient(circle at center, #fff 0%, #f8f8f8 75%, #ebebeb 100%);
    color: #222; */
	background-attachment: fixed;
    background-image: linear-gradient(to bottom, rgba(0,140,255,0.05), rgba(0,140,255,0.85));
    background-color: lightblue;
	
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  main {
	padding: 1rem;
	text-align: center;
  }
  h1 {
	font-size: 2.5rem;
	line-height: 1.1;
	margin: 0;
  }
  @media screen and (max-width: 480px) {
	h1 {
	  font-size: 1.5rem;
	}
  }
  h1::after {
	content: "";
	background-color: #ffe800;
	background: repeating-linear-gradient(45deg, #ffe800, #ffe800 0.5rem, #222 0.5rem, #222 1.0rem);
	display: block;
	height: 0.5rem;
	margin-top: 1rem;
  }
  img {
	max-width: 100%;
	height: auto;
  }
  p {
	margin: 1rem 0 0 0;
	font-size: 1.2rem;
  }
  
  .logo {   /* logo image formatting */
  display: block;
  margin: auto;
  width: 300px;
  background-color: #fff;
  }
  
  
.contact-section {
  width: 75%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 3rem;
  
  background-color: white;
  border: 2px solid black;
  border-radius: 0.375rem;
}

.contact-intro > * + * {
   margin-top: 1rem;
}

.contact-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.contact-description {
  color: rgb(107 114 128);
}

.form-group-container {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-label {
  margin-bottom: 0.5rem;
}

.form-input,
.form-textarea {
  padding: 0.5rem;
  border: 1px solid #6A758A /* #e5e7eb */;
  display: flex;
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form-input::placeholder,
.form-textarea:focus-visible {
  color: #6b7280;
}

.form-input:focus-visible,
.form-textarea:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.form-textarea {
  min-height: 120px;
}

.form-submit {
  width: 100%;
  margin-top: 1.2rem;
  background-color: #0003C8 /*#3124ca*/;
  color: #fff;
  padding: 13px 5px;
  border-radius: 0.375rem;
}