h1 {
	margin-top: 20px;
	margin-bottom: 10px;
} h2 {
	margin-top: 15px;
	margin-bottom: 5px;
} h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 0px;
} h4.index-heading {
	padding-inline-start: 40px;
} ul {
	margin-top: 0px;
	padding-inline-start: 40px;
} a:visited {
	color: blue;
}

.li-structure, .li-function, .li-operator, .li-constant {
	transition: background-color 0.1s ease-in-out;
}
li.undotted {
	list-style-type: none;
}

.hidden {
	display: none !important;
}

header > h1 {
	text-align: center;
	font-size: 18pt;
	margin-bottom: 2px;
	margin-top: 0;
}

p {
	all: initial;
}

nav#nav-links {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
	width: 100%;
}

.table-container, .hoz-collapse {
	display: flex;
}

table, tr, th, td {
	margin-right: 7px;
	width: 500px;
	border: 1px solid black;
}
tr, th, td {
	padding: 3px;
}

button {
	margin: 5px;
}

.note {
	background-color: #bceaff;
	display: block;
	margin-top: 5pt;
}
.note::before {
	color: rgb(63, 95, 236);
	font-weight: bold;
	content: "Note: ";
}
.note::after {
	content: "\A";
	white-space: pre-wrap;
}

.warning {
	background-color: #effc79;
	display: block;
	margin-top: 5pt;
}
.warning::before {
	color: rgb(255, 81, 0);
	font-weight: bold;
	content: "Warning: ";
}
.warning::after {
	content: "\A";
	white-space: pre-wrap;
}

@media screen and (max-width: 375px) {
	#nav-links {
		flex-direction: column;
	}
}
@media screen and (max-width: 1035px) {
	#hoz-collapse-1 {
		flex-direction: column;
	}
}
@media screen and (max-width: 1540px) {
	#hoz-collapse-2 {
		flex-direction: column;
	}
}
@media screen and (max-width: 750px) {
	#hoz-collapse-3 {
		flex-direction: column;
	}	
}
@media screen and (max-width: 520px) {
	#hoz-collapse-4 {
		flex-direction: column;
	}	
}
@media screen and (max-width: 670px) {
	#hoz-collapse-5 {
		flex-direction: column;
	}	
}