/* Defaults */
:root {
	--font-family: -apple-system, system-ui, sans-serif;
	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
}

/* Theme colors */
:root {
	--color-gray-20: #000000;
	--color-gray-50: #000000;
	--color-gray-90: #d4d4d4;

	--background-color: #1c1c1c;
	--quote-background-color: #424242;

	--text-color: var(--color-gray-90);
	--text-color-link: #2f94e2;
	--text-color-link-active: #3550b1;
	--text-color-link-visited: #3550b1;

	--text-nav-color: #9c9c9c;
	--text-nav-color-hover: #e1e1e1;
	
	--syntax-tab-size: 2;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-gray-20: #e0e0e0;
		--color-gray-50: #C0C0C0;
		--color-gray-90: #dad8d8;

		/* --text-color is assigned to --color-gray-_ above */
		--text-color-link: #1493fb;
		--text-color-link-active: #6969f7;
		--text-color-link-visited: #a6a6f8;

		--background-color: #15202b;
	}
}

/* Landing Page */
.link{
	text-align: center;
}

a[href].link{
	display: inline-block;
	outline: 0;
	border: solid;
	cursor: pointer;
	font-weight: 600;
	border-radius: 6px;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	width: 55%;
	padding: 10px 0px;
	margin: 4px 2px;
	text-decoration: none; 
}

a[href].link:hover {
	border: solid;
	background-color: #00000000;
	color: #ffffff;
	text-decoration: none; 
}

.pfp{
	border: 3px solid #737373;
	height: 128px;
	width: 128px;
	margin: 4px;
	border-radius: 50%;
}