:root {
	--selection-color: #00000033;--background: #17172b;--text-color: lightgray;--link-color: #ba50b5;--link-hover-color: #a1359b;--header-background: #4f5180;--header-link-color: #9c9ed9;--header-link-hover-color: #ba50b5;--container-background: #373859;--caption-background: #2b2c45;--footer-icon-color: #50528c;--footer-color: #5e61a6;--footer-hover: #535591;--scrollbar-background: #111221;}


/* Desktop Styling */
@media only screen and (min-width: 1054px) {
	body {
		/* Spatial styling */
		width: min-content;
		height: 100%;
		margin: auto;
	}

	img.panel {width: 1024px}
	
	/* #exoskeleton {
		width: 1036px;
	} */

	#container {
		width: 1024px;
		padding: 6px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.drawer {
		width: 1024px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.caption {width: 500px}
}

/* Mobile Styling */
@media only screen and (max-width: 1053px) {
	body{
		/* Spatial styling */
		position: absolute;
		width: 100%;
		height: 100%;
		margin: auto;
	}

	#container .prev-action {
		padding-top: 6px;
	}

	#disqus_thread {
		margin-left: 10pt;
		margin-right: 10pt;
	}

	.banner {width: 100%}
	.panel {width: 100%}
	.description {width: 90% !important}

	.caption {margin-bottom: 6px}
}

#header .logo:after {
	content: 'hyperverse';
}

/* Tiny Styling */
@media only screen and (max-width: 275px) {
	#header .logo:after {
		content: 'h' !important;
	}
}