/*
* The stylesheet I use for the pages on my website.
*
* There are probably many like it, but it is mine.
*
* TODO:
* 	- use variables
* 	- seperate out nginx fancyindex hacks into a new file which @import's this one
* 	- make this not painfully awful
*/

body,html {
	background-color: rgb(32, 32, 32);
	font-family: sans-serif;
	color: rgb(180, 180, 180);

	font-size: 1em;
}

/** Hacks for Nginx fancyindex, because it kinda sucks */
th {
	background: rgb(32, 32, 32);
}

tr:nth-child(even) {
	background: rgb(32, 32, 32);
}

/** main content (currently unused) */
.main {

}

/** top level header */
.toplevel-header {
	font-size: 3em;

	padding: 0.25em 0 0.25em 0;
}

/** Section header */
.section-header {
	font-size: 1.75em;
	padding: 0.75em 0 0.25em 0;
}

/** Section content **/
.section-content {
	font-size: 0.85em;
	padding: 0 0 0.15em 0;
}

.section-subheader {
	font-size: 1.25em;
	padding: 0.5em 0 0.15em 0;
}

.section-subcontent {
	font-size: 1em;
	padding: 0 0 0.15em 0;
}



/** Prettier links */
a {
	color: rgb(100, 140, 200);
}

a:visited {
	color: rgb(160, 140, 200);
}

/* A basic footer (demonstrated on my index page!) */
.footer {
	position: sticky;
	text-align: center;
	top: 100vh;
}