@import url('https://fonts.googleapis.com/css?family=Questrial|Noto Sans');

*,
*::after,
*::before {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	--font: "Noto Sans", sans-serif;
  --text: #4f5454;
	--accent: #068570;
	--accent-hsl: hsl(170, 91%, 27%);
	--accent-hsl-light: hsl(170, 91%, 27%);
	--color-bg: #f8f8f8;
	--color-link-hover: var(--text);
}

body.night {
	--text: #e3e7e7;
	/* --text: #fff; */
	/* --color-bg: #101010; */
	--color-bg: #1f1f1f;
	--accent: #0a947d;
	--accent-hsl: hsl(169, 87%, 30%);
	--accent-hsl-light: hsl(169, 87%, 30%);
	/* --accent: #17bba0;
	--accent-hsl: hsl(170, 78%, 41%);
	--accent-hsl-light: hsl(170, 78%, 41%); */
}

body {
	/* font-family: "Questrial", sans-serif; */
	font-family: var(--font);
	min-height: 100vh;
	margin: 0;
	/* overflow: hidden; */
	/* color: #57585c; */
	/* color: var(--color-text); */
	background-color: #fff;
	background-color: var(--color-bg);
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
	/* color: var(--color-link); */
	color: #068570;
	color: var(--accent-hsl);
	outline: none;
}

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
}

blockquote {
  /* margin: 0; */
	margin-left: 1em;
  padding: 0 0 0 4%;
  border-left: 1px solid;
}

pre {
	overflow: auto;
}

p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}