#contact {
	display: grid;
	grid-gap: 16px;
	padding-top: 16px;
	width: 99%;
    height: 500px;
}

/*
fieldset {
    border-color: #fff;
    border-style: none;
    text-align: center;
    text-align: -webkit-center;
}
*/

input, textarea {
	padding: 10px;
	width: calc( 100% - 16px ); 
	border: dashed 1px #ccc;
	font-family: "Montserrat", Helvetica, Arial, "sans-serif";
	font-size: 16px;
}
form {
      display: grid;
      gap: 16px;
      max-width: 500px;
      margin: 0 auto;
    }
label {
    text-align: center;
}

#form-notice {
    padding-bottom: 16px;
}

#form-message {
	height: 96px;
	resize: none;
}
    button {
      padding: 10px 20px;
      background-color: #004A99;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 16px;
    }
    button:hover {
      background-color: #00336b;
    }
  </style>
/* - */

#contact-submit {
	justify-self: center;
	padding: 8px 32px 6px;
	background-color: #7030A0;
	color: #fff;
    border-radius: 32px;
    
    font-size: 1.5em;
    font-family: "Montserrat", Helvetica, Arial, "sans-serif";
    
    border-color: #fff;
    border-style: none;

	transition: opacity ease .2s;
}

#contact-submit:hover {
	cursor: pointer;
	opacity: 0.5;
}