@charset "utf-8";
/* CSS Document */
:root {
  color-scheme: light dark;
  --bg-color: light-dark(rgb(255, 255, 255), rgb(0, 0, 0));
  --bg-wrap-color: light-dark(rgba(245, 245, 245, .7), rgba(25, 25, 25, .7));
  --text-color: light-dark(rgb(20, 20, 20), rgb(235, 235, 235));
  --shadow-color: light-dark(rgb(230, 230, 230), rgb(75, 75, 75));
}
/* @media (prefers-color-scheme: dark) { body { color-scheme: dark; } } */
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

html, body { margin:0; padding:0; border:0; }
.clear { clear:both; }
a { outline:none; text-decoration:none; }
img { max-width:100%; box-sizing:border-box; }
#content p { text-align:justify; word-wrap: break-word; }
.longword { word-break: break-all; }
pre { white-space: pre-wrap; }
html {
	scrollbar-gutter: stable;
	scroll-behavior: smooth;
}
body {
	background: var(--bg-color);
	color: var(--text-color);
}
.wrapper {
	min-height: 100vh; 
	width:95%;
	max-width:1000px;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	box-shadow: -6px 0 6px -6px var(--shadow-color), 6px 0 6px -6px var(--shadow-color);
}
.left { margin:4px; }
.middle { margin:4px; flex-grow:1; min-width: 0; }
.right { margin:4px; text-align:right; }

header {
	display: flex; 
	margin-top:4px;
	background-color: var(--bg-wrap-color);
	border-radius: 4px 4px 0 0;
}
header .left img {
	height:8rem;
	width:auto;
}

#content {
	flex-grow:1;
	display: flex; 
	position:relative;
	font-size: 1.2rem;
	text-align:center;
	background-color: var(--bg-wrap-color);
}

footer {
	display: flex; 
	/* min-height: 10px; */
	margin-bottom: 4px;
	background-color: var(--bg-wrap-color);
	border-radius: 0 0 4px 4px;
	text-align:center;
}
footer div {
	padding: 6px 0;
	border-radius:6px;
}

.shtamp {
	text-align:right;
	position:absolute;
	height:10rem;
	width:auto;
	top: 10px;
	right: 20px;
	opacity: 0.5;
}

h1 {
	font-size: 36px;
	text-align:left;
}

#content ul {
	text-align:left;
	margin-right:25px;
}

fieldset {
	text-align:left;
	border-radius:6px;
	background: var(--bg-wrap-color);
	margin-bottom:16px;
}
fieldset legend {
	margin-left: auto;
	padding:0 6px;
}
fieldset span {
	float: right;
	margin-left: 30px;
	padding: 6px;
	background: var(--bg-wrap-color);
}
fieldset p {
	margin: 6px 0;
}

fieldset a {
	margin: 20px 0;
}

.copyright {
	text-align: right!important;
	font-size: 0.8rem;
}

#djedFon {
	position:relative;
	width: 100%;
}
#djedFon div {
	position: absolute;
	height: 400px;
	width: 100%;
	max-width: 1250px;
	left: 50%;
	transform: translate(-50%, -400px);
	z-index:-1;
	background: no-repeat bottom left url("/templates/art/img/Djed_v2_L_Green_70pr.png"), no-repeat bottom right url("/templates/art/img/Djed_v2_R_Green_70pr.png");
	background-size: contain;
}