:root {
	color-scheme: dark light;
}

body, html {
	scroll-padding-top: 53px;
}

nav {
	display: flex;
	overflow: hidden;
	background-color: #333;
	position: sticky;
	top: 0;
	z-index: 99;
}
	
nav a {
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
	
nav a:hover {
    background-color: #ddd;
    color: black;
	cursor: pointer;
}
	
nav span {
	padding: 14px 16px;
	background-color: #046DAA;
	color: white;
	cursor: default;
}

nav button {
	background-color: #333;
	border: none;
	padding: 14px 16px;
	font-size: large;
}

nav button:hover {
	background-color: #ddd;
	cursor: pointer;
}

.equation { 
	max-width: 100%;
	overflow-x: scroll;
}