:root {
	--header-text: #000000;
	--alt-header-text: #000000;
	--main-text: #000000;
	--alt-text: #636363;
	--link-text: #4a95ff;
	--main-background: #cfebff;
	--alt-background: #880000;
	--header-dark-background: #095275;
	--header-light-background: #3BB2DC;
}
/*[dark-mode] {
	--header-text: #000000;
	--alt-header-text: #000000;
	--main-text: #000000;
	--alt-text: #636363;
	--link-text: #4a95ff;
	--main-background: #cfebff;
	--alt-background: #880000;
	--header-dark-background: #095275;
	--header-light-background: #2AABD5;
	/*--header-text: #c9c9c9;
	--alt-header-text: #000000;
	--main-text: #c9c9c9;
	--alt-text: #000000;
	--link-text: #4a95ff;
	--main-background: #303030;
	--alt-background: #880000;
	--header-background: #1c1c1c;
}
@media (prefers-color-scheme: dark) {
	:root {
		--header-text: #000000;
		--alt-header-text: #000000;
		--main-text: #000000;
		--alt-text: #636363;
		--link-text: #4a95ff;
		--main-background: #cfebff;
		--alt-background: #880000;
		--header-dark-background: #095275;
		--header-light-background: #2AABD5;
		/*--header-text: #c9c9c9;
		--alt-header-text: #000000;
		--main-text: #c9c9c9;
		--alt-text: #000000;
		--link-text: #4a95ff;
		--main-background: #303030;
		--alt-background: #880000;
		--header-background: #1c1c1c;
	}
	[dark-mode] {
		--header-text: #000000;
		--alt-header-text: #000000;
		--main-text: #000000;
		--alt-text: #636363;
		--link-text: #4a95ff;
		--main-background: #cfebff;
		--alt-background: #880000;
		--header-dark-background: #095275;
		--header-light-background: #2AABD5;
	}
}*/
body {
	background-color: var(--main-background);
	font-size: 18px;
	margin: 0px;
	color: var(--main-text);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
th {
	font-size: 2em;
}
.header {
	background-image: radial-gradient(var(--header-light-background) 5%,Var(--header-dark-background));
}
table.links {
	width: 100%;
	font-size: .66em;
	background-color: var(--main-background);
	border-top: 2px solid Black;
}
table.links2 {
	width: 100%;
	font-size: .66em;
	background-color: var(--main-background);
}

.body {
	width: 80%;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
}
.body table {
	width: 100%;
}
.body td {
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a {
	color: var(--alt-text);
}
a:hover {
	color: var(--link-text);
}
.left {
	float: left;
	width: 50%;
}
.right {
	float: right;
	width: 50%;
}
textarea {
	width: 100%;
}
.button-success {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(28, 184, 65); /* this is a green */
}
.button-xlarge {
	font-size: 125%;
}
button {
	float: right;
}
#name, #email, #phone {
	width: 50%;
}
.honeypot-field {
	display: none;
}
fieldset {
	border: none;
}
.links td {
	width: 14.3%;
}
.portrait {
	width: 100%;
	max-width: 420px;
	border-radius: 5%;
}
p {
	text-align: left;
}

@media only screen and (max-width: 600px) {
	/* For mobile phones: */
	.header th {
		color: var(--header-text);
		font-size: 3.5em;
		text-align: center;
	}
	.header td {
		color: var(--header-text);
		font-size: 1.5em;
		text-align: center;
	}
	.footer td {
		color: var(--header-text);
		font-size: 1.5em;
		text-align: center;
	}
	.br {
		display: none;
	}
	.links th {
		width: 0%;
	}
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
	}
	#bigX {
		vertical-align: top;
		top: 30px;
	}
}

@media only screen and (min-width: 601px) {
	/* For mobile phones: */
	.header th {
		color: var(--header-text);
		font-size: 5em;
		text-align: center;
	}
	.header td {
		color: var(--header-text);
		font-size: 2em;
		text-align: center;
	}
	.footer td {
		color: var(--header-text);
		font-size: 2em;
		text-align: center;
	}
	.br {
		display: initial;
	}
	.links th {
		width: 20%;
	}
	.left {
		float: left;
		width: 49%;
	}
	.right {
		float: right;
		width: 49%;
	}
	#bigX {
		bottom: 85vh;
	}
}