/*
Site-wide CSS stylesheet for the RSCUE setting rule...book? I'm not sure what else to call it even though it's very much not a book. Sounds wrong to call it a rule-site.
Author: Matthew Samaniego
*/
@import url(https://fonts.googleapis.com/css?family=Balthazar);

html {
	scroll-padding-top: 15%;
	padding-bottom: 3%;
	font-family: Balthazar, serif;
	font-size: clamp(16px, 1vw, 256px);
}

body {
	background-color: #1f1a1a;
}

td, th, h1, h2, h3, h4, h5, p, ul, ol, li {
	page-break-inside: avoid; 
}

h1, h2, h3, h4, h5, th {
	color: feddbd
}

table {
	border-collapse: collapse;
	width: 100%;
	background-color: #1f1a1a;
	color: dddddd;
	width: auto;
}

a {
	color: #feddbd;
}

tr, td, th {
	padding: 1ch;
	text-align: start;
	border: 1px solid;
	border-color: #777777;
}

h4, h5, p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

prop {
	color: #FA8072;
}

.main-style {
	background-color: #1f1a1a;
	color: dddddd;
	padding: 0.1em 1em 1em 1em;
}

.floating-menu {
	z-index: 100;
	width: 100vw;
	position: fixed;
	top:0;
	left:0;
	background-color: #303030;
	line-height: 2;
	text-indent: 1em;
	text-align:justify;
	font-size: 1.8rem;
	padding-top: 8px;
}

.sub-menu {
	background-color: #282828;
	color: dddddd;
	padding: 1.3rem 0.5em 0.5em 0.5em;
	font-size: 1.5rem;
}

@media(max-width:793px) {
	.sub-menu {
		padding: 1.8rem 0.5em 0.5em 0.5em;
	}
}

.menu-item {
	padding:0.25em;
	text-decoration: none;
}

.main-frame {
	width:100vw; 
	height:93%;
	position: fixed;
	top:3rem;
	left:0;
	/* margin-top: 3rem; */
}

@media(max-width:793px) {
	.main-frame {
		top: 6.1rem;
		height: 87%;
	}
}

.version {
	color:867463; 
	position:absolute; 
	top:0; 
	right:0; 
	font-size: 16px; 
	padding-right: 2ch;
	text-decoration: none;
}

.showcase {
	background-color: #303030;
	margin: 1em;
	padding: 1em;
	border: #A0A0A0;
}