.logo {
	filter: invert(70%);
	object-fit: cover;
}
@media (prefers-color-scheme: dark) {
	.logo {
		filter: invert(0%);
	}
}

nav a {
	display: inline-block;
	text-decoration: none;
	padding: 8px;
}
nav {
	overflow: auto;
	white-space: nowrap;
}

.dllist li::marker {
	content: '📄  ';
}
.salsol td {
	text-align: center;
}

.ctact {
	background: var(--nc-bg-2);
	border-bottom: 1px solid var(--nc-bg-3);
	border-top: 1px solid var(--nc-bg-3);
	padding: 2rem 1.5rem;

	margin: 2rem calc(50% - 50vw) -2rem;

	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
}

footer {
	background: var(--nc-bg-2);
	border-top: 1px solid var(--nc-bg-3);
	padding: 2rem 1.5rem;
	
	margin: 2rem calc(50% - 50vw) -2rem;

	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
}
footer td {
	border: unset;
}
footer a {
	text-decoration: none;
}
h3 a {
	text-decoration: none;
}

input:disabled {
	color: yellow;
} 

.video-container {
	margin: 0 auto;
}
.video-container video {
	width: 100%;
	height: auto;
	display: block;
}


.container {
	display: flex;
}
.box {
	flex: 1;
	padding: 15px;
	height: 340px;
	box-sizing: border-box;
	overflow: auto;
}


.packages {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}
.packages td {
	text-align: center;
}