@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; }

/* * { margin:0; padding:0; border:0; } */
html, body { height:100%; 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; }
.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 {
	width:95%;
	max-width:1000px;
	margin:0 auto;
	display:table;
	height:100%;
	border-collapse:collapse;
	box-shadow: -6px 0 6px -6px var(--shadow-color), 6px 0 6px -6px var(--shadow-color);
}
.left { margin:4px; flex-grow:0; }
.middle { margin:4px; flex-grow:1; min-width: 0; }
.right { margin:4px; flex-grow:0; 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;
}

.wrap-content {
	display:table-row;
	height:100%;
	background-color: var(--bg-wrap-color);
}
#content {
	font-size: 1.2rem;
	text-align:center;
	display: flex; 
	height:100%;
	position:relative;
}

footer {
	display: flex; 
	margin-bottom: 4px;
	background-color: var(--bg-wrap-color);
	border-radius: 0 0 4px 4px;
	text-align:center;
}
footer div {
	background-color: var(--bg-wrap-color);
	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 {
	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;
}