@import url('https://fonts.googleapis.com/css2?family=Chango&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html { 
	overflow-y: scroll;
}

body {
	background-color: #f2f1e5;
	margin: 0px auto;
	max-width: 600px;
	font-size: 1em;
	color: #100606;
	font-family: 'Roboto', sans-serif;
}

p, ul {
	font-family: 'Roboto', sans-serif;
}

a.external-link:after {
  content: '\2197';
  right: 5px;
}
 
/* Positioning burgled from https://stackoverflow.com/questions/30618150/css-position-absolute-off-center-to-the-left */
#logo-mark {
	min-width: 200px;
	max-width: 200px;
	position: absolute;
  top: 25px;
	left: 50%; 
	transform: translateX(-50%);
	margin-left: -420px;
	text-align: right;
}

#page-error
{
	max-width: 600px;
	margin: 0px auto;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #f2f1e5;
	background-color: #f33;
}

#page-creation
{
	margin-top: -20px;
	font-size: .8em;
	font-style: italic;
}

#page-end {
	font-size: .8em;
	font-style: italic;
}

footer
{
	max-width: 600px;
	margin: 10px auto 0px auto;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: .8em;
	color: #f2f1e5;
	background-color: #533;
}

footer a
{
	color: #f2f1e5;
}


/* ADMIN PAGE */
#slug-duplicate-warning
{
	font-family: 'Roboto', sans-serif;
	color: #f00;
	display: none;
}

textarea
{
	width: 594px;
	height: 250px;
}