.main {
	padding-left: 0;
	padding-right: 0;
}

.navbar {
	padding: .5em;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0px 2px 8px #cccccc;
}

.page-note .note-main {
	margin-top: 2em;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.page-note .last-updated {
	font-size: 1.1em;
	opacity: 0.6;
}

.page-note h1.title {
	font-size: 2.2em;
	margin-top: 0.4em;
	border-bottom: none;
}

/* Overrides Bulma's style for <pre>s to prevent Mermaid elements from having a grey background */
.mermaid {
	background-color: white;
}

/* Need to set overflow so that long tables for example are scrollable. We put
it here and not in noteStyle because the desktop app handles scrolling
differently at the viewer level.

https://github.com/laurent22/joplin/issues/6370
*/
#rendered-md {
	overflow-x: auto;
}