:root {
	--selection-color: #00000033;--background: #0a1401;--text-color: #bdef94;--link-color: #dec28a;--link-hover-color: #c4ab7a;--header-background: #326906;--header-link-color: #5ec20c;--header-link-hover-color: #dec28a;--container-background: #204204;--caption-background: #162e03;--footer-icon-color: #397507;--footer-color: #458f09;--footer-hover: #3b7a07;--scrollbar-background: #050a01;}


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

	img.panel {width: 700px}
	
	/* #exoskeleton {
		width: 712px;
	} */

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

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

	.caption {width: 500px}
}

/* Mobile Styling */
@media only screen and (max-width: 729px) {
	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;
	}
}