:root {
	--clr-background: #C4C1D6;
	--clr-background2: #D9D5EB;
	--clr-background3: #FFFFFF;
	--clr-background4: #A4A1B6;
	--clr-font: #000000;
}

@media (prefers-color-scheme: dark) {
	:root {
		--clr-background: #151227;
		--clr-background2: #262238;
		--clr-background3: #000000;
		--clr-background4: #615E73;
		--clr-font: #FFFFFF;
	}
}

html, body {
	text-align: center; 
	font-family: monospace, monospace;
	margin:0;
	padding:0;
	background-color: var(--clr-background); 
	color: var(--clr-font);
	height:100%;
	width: 100%;
	box-sizing: border-box;
	overflow-x:hidden;
}
.main {
	display: flex;
	flex-flow: column;
	height: 100%;
	margin: 0;
}

.header {
	box-sizing: border-box;
	width: calc(100% - 30px);
	display:inline-block;
	overflow:hidden;
	border: 1px solid; 
	border-radius: 25px;
	flex: 0 1 auto;
}

.header a {
	display:inline-block;
	border: 1px solid; 
	border-radius: 15px;
	background-color: var(--clr-background4);
	padding: 5px;
}

.container {
	display:inline-block;
	box-sizing: border-box;
	width: calc(100% - 30px);
	border: 1px solid; 
	border-radius: 25px;
	padding: 15px;
	flex: 1 1 auto;
}


iframe { 
	box-sizing: border-box;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	border-style: none;
	resize: both;
}

summary {font-weight: bold;}
p {white-space:pre-wrap; word-wrap:break-word;padding:10px;}
p * {white-space:pre-wrap; word-wrap:break-word;}
q { display:inline-block; margin:5px; font-family: monospace, cursive; background-color: var(--clr-background3); border-radius: 15px; padding-right: 20px; padding-left:20px; border: 1px solid; quotes: none; }
details { border: 1px solid; border-radius: 15px; margin: 10px; background-color: var(--clr-background2); }
details details { background-color: var(--clr-background); margin-left: 50px}
a { text-decoration: none; color: var(--clr-font); }
h4 { margin: 0; }
div { border: 1px solid; border-radius: 15px; margin: 10px; }

h1 {
background: -webkit-linear-gradient(var(--clr-background2), var(--clr-font),var(--clr-background2)); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}