@import url("https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");
html, body {
		padding: 0;
		margin: 0;
}

body {
		background: white;
}

form.form {
		margin: 0 !important;
		padding: 0.5em 0.75rem !important;
}
* {
		box-sizing: border-box;
}

html {
		height: 100%;
}

body:has(#complete-action-div) {
		height: 100%;
}
body:has(#complete-action-div) form.form {
		height: 100%;
		display: flex;
		place-items: center;
}

#complete-action-div {
		padding-inline: 1.5rem;
}
#complete-action-div p {
		text-wrap: pretty;
}

.thank-you-paragraphs {
		font-size: 0.875rem;
		line-height: 1.5;
}

form.form h1 {
		font-family: "Titillium Web", Helvetica, Arial, sans-serif;
		font-weight: 700;
		color: #132149;
		padding-inline: 2px;
}
form.form input.text,
form.form .field-label,
form.form input[type=submit] {
		display: block;
		width: 100% !important;
		font-size: 1rem;
		box-sizing: border-box;
}
form.form input.text,
form.form input[type=submit] {
		border-radius: 0.25rem;
}
form.form .field-label {
		margin-bottom: 0.5rem;
		font-size: 0.75rem;
}
form.form input.text {
		font-size: 1rem;
		padding: 0.75rem 0.5rem;
		border: 1px solid #CCC;
}
form.form input[type=submit] {
		padding: 0.75rem 1.5rem !important;
		margin-bottom: 1rem !important;
		background-color: #132149;
		color: white;
}