:root {
  --background: #282a36;
  --foreground: #f8f8f2;
  --red: #ff5555;
  --yellow: #f1fa8c;
  --green: #50fa7b;
  --purple: #bd93f9;
  --cyan: #8be9fd;
  --pink: #ff79c6;
  --font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace:monospace
}

body {
	font-family: var(--font-family-sans-serif);
	color: var(--foreground);
	background: var(--background);
}

a[href] {
	color: var(--cyan);
}

a[href]:hover {
	color: var(--pink);
}

a[href]:visited {
	color: var(--purple);
}

p, b {
	font-size: 1rem;
}

h3 {
	font-size: 1.3rem;
	border-bottom: 1px solid var(--purple);
}

hr {
	color: var(--purple);
}

.container {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}