/* Makes the page use the Hack font */
/* Also adds a small shadow! */
/* https://sourcefoundry.org/hack/ */
	@font-face {
    font-family: 'Hack';
    src: url('Hack-Regular.ttf');}
	* {
	font-family: Hack;
	text-shadow: 2px 1px 2px #32303c}

/*	Orange BG Colour Gradient
	background: linear-gradient(
		45deg,
		rgba(225, 129, 70, 0.45),
		rgba(212,  89, 66, 0.45) );
	
	// Minified: //
	background: linear-gradient( 45deg, rgba(225, 129, 70, 0.45), rgba(212, 89, 66, 0.45) ); /* Orange BG */

/* Backgrounds trans flag and shit */
	html,body {
	min-height: 100%;
	background-image: linear-gradient(to right, #3cc0ff, #ef89ae, #ffffff, #ef89ae, #3cc0ff);}

/* The actual text */
	h1,h2,h3 {
	color:White;
	letter-spacing:	2px;}

/* Exactly centered to the white of the flag :3 */
	center {
	top: 0;
	text-align: center}

/* The above, for the art table! */
	table.center {
	margin-left: auto;
	margin-right: auto;}

/* That bar at the top of the screen shit goes in! */
	#NavBar {
	background: linear-gradient( 45deg, rgba(225, 129, 70, 0.45), rgba(212, 89, 66, 0.45) ); /* Orange BG */
	padding: 1.5%;
	border-radius: 20px;
	font-size: 50px;}

/* The box shit goes in! */	
	#CentreTable {
	background: linear-gradient( 45deg, rgba(225, 129, 70, 0.45), rgba(212, 89, 66, 0.45) ); /* Orange BG */
	padding:	3%;
	width:		55%;
	margin:		auto;
	border-radius: 50px;
	font-size: large;}

/* Scrollable div for 88x31 buttons */
	#Buttons{
	background: #008080;
    width:  	35%;
	height: 	300px;
	margin: 	auto;
	border-radius: 10px;
	min-width: 335px;
	overflow: scroll}

/* - - - - The following shit makes the links Not Be Terrible - - - - */
	#TopLinks {margin: 3%;}			/* Header links */
	#SocialLinks {margin: 3.2%; font-size: 21px;}		/* Social Media links */
	a:link		{color: #5f91cd;	background-color: transparent; text-decoration: none;}
	a:visited	{color: #5f91cd;	background-color: transparent; text-decoration: none;}
	a:hover		{color: #365388;	background-color: transparent; text-decoration: underline;}	/* Slightly darker blue */
	a:active	{color: #5f91cd;	background-color: transparent; text-decoration: underline;}
/* - - - - And that concludes the Link Bullshit :3 - - - - */

/* Add a retro terminal effect */
	body::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none !important;
	background: repeating-linear-gradient(
		0deg,
		rgba(0,0,0,0.25),
		rgba(0,0,0,0.25) 1px,
		transparent 1px,
		transparent 2px );}

/* Lets me put two things on one line */
	.wrap-iblock > * {display: inline-block;}