#main {
	background-color: #efefef9f;
	color: #202020;

	/* Dark mode: */
	/* background-color: #0000007f; */
	/* color: #f0f0f0; */
}

section {
	background-color: #ffffffb3;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid #333333;
}

@media only screen and (max-width: 935px) {
	section {
		box-shadow: none;
		border-bottom: 1px solid #3333333f;
	}
}


#contact a {
	border-bottom: 1px solid #ba841200;
	color: #303030;
	padding-bottom: 2px;
	transition: border-bottom-color 0.1s ease-in-out,
		color 0.1s ease-in-out;
}

#contact a:hover {
	border-bottom: 1px solid #ba8412ff;
	color: #ba8412;
}


/* colors */
.green { color: #218f18 }
.gold { color: #ba8412; }