@import url(https://fonts.bunny.net/css?family=poppins:400,700);

:root {
	--color-background: #242933 !important;
	--color-foreground: #313744 !important;
	--color-base: #bbc4db !important;
	--color-muted: #59637f !important;
	--color-accent: #ffffff !important;
	--color-highlight: #faff00 !important;
	--color-success: #8fff33 !important;
	--color-error: #ff3d33 !important;
	--color-warn: #ffc533 !important;
	--color-info: #33b1ff !important;
	--font-base: 'Poppins', sans-serif !important;
}

button[type="submit"] {
	background-color: var(--color-highlight);
	color: var(--color-background);
}

article {
	border: solid 2px var(--color-muted);
	border-radius: 0.5em;
	padding: 1em;
}

#dashboard article {
	padding: 0.25em 0.5em;
}

#dashboard .map-panel article, #dashboard .plot-panel article {
	padding: 0;
	overflow: hidden;
}

@media (orientation: portrait) {
	#dashboard article {
		border: none;
		border-radius: 0;
	}
}