html, body, ul, li, p {
	font-family: 'Work Sans';
	font-weight: 400;
	font-size: var(--base-font-size);
	line-height: var(--base-line-height);
}

h1 {
	font-family: 'Space Mono';
	font-weight: 300;
}

.emoji {
	/*font-family: Symbola;*/
	letter-spacing: 20px;
}

p {
	max-width: 35em;
}

a {
	color: var(--fg-color);
	text-decoration: none;
}

a:hover {
	color: var(--accent-color);
}

* {
	box-sizing: border-box;
}

img {
	width: 100%;
}

#app {
	background: var(--bg-color);
	color: var(--fg-color);
	min-height: 100vh;
}

@media (max-width: 1100px) {
	.emoji {
		letter-spacing: 0;
	}
}