:root {
	--bg-base: #e8e8e0;
	--bg-main: rgba(48,32,32,0.25);
	--border: rgba(48,32,32,0.5);
	--fg-button: rgba(48,32,32,0.15);
	--fg-text: #302020;

	font-family: 'Atkinson Hyperlegible', 'Readex Pro', 'Lexend', system-ui;
	background-color: var(--bg-base);
	color: var(--fg-text);
}


a{
	color: #a06040;
}

#root {
	display: flex;
}

body {
	justify-content: center;
	padding-right: 208px;
}

main {
	background-color: var(--bg-main);
	width: 600px;
	margin: 4px auto 4px auto;
	padding: 4px;
	border-radius: 4px;
	border: 2px solid rgba(48,32,32,0.5);
}

#sidebar-left {
	justify-content: flex-start;
	background-color: var(--bg-main);
	width: 200px;
	margin: 4px;
	padding: 4px;
	border-radius: 4px;
	border: 2px solid rgba(48,32,32,0.5);
}