/*  ============
	Import Fonts
	============ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

/*  ============
	Text Styling
	============ */

/* Set all text to use JetBrains Mono */
h1, h2, h3, h4, h5, h6, p, li, summary, pre {
	font-family: "JetBrains Mono";
	color: white;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 8px;
}

#ascii {
    line-height: 0.6;
}

/*  =================
	Full Site Styling
	================= */

body {
  	background-color: rgb(15, 15, 15);
}

:root {
	/* Basic Site Stuff */
	--site-width: 800px;
}

* {
	box-sizing: border-box;
}

/*  ===================
	Content Box Styling
	=================== */

#container {
	display: flex;
	justify-content: center;
	width: var(--site-width);
	margin: auto; /* Centers the site apparently. Neat */
}

header {
    display: flex;
	width: var(--site-width);
	height: auto;
	margin: 100px auto 0 auto;
    justify-content: center;
}

#content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	height: auto;
}

nav {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	justify-content: center;
}