html {
	font-family: 'Raleway', sans-serif;
	font-size:calc(14px + .36vmin);
	--width: 40rem;
	--hsl-h:246;
	--hsl-h:176;
	--hsl-s:80%;
	--hsl-l:44%;
	--u2-ico-dir:"https://cdn.jsdelivr.net/npm/@material-icons/svg@1.0.11/svg/{icon}/baseline.svg";
}

.btn, button, input, select, textarea {
	padding: .3em .6em;
}
input, textarea {
  border-radius:0;
  border-color: transparent transparent var(--color-line) transparent;
}


#container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
[role=banner], [role=contentinfo] {
	background-color: var(--color-bg);
	background-color: color-mix(in oklch, var(--color), #fff 95%);
}
[role=banner] {
	border-bottom: 1px solid var(--color);
	xpadding: 3rem 0 9 0;
}
[role=banner] {
	z-index:1;
	position:sticky;
	top:0;
}
[role=banner] nav a {
	border:4px solid transparent;
}
[role=banner] a:hover, [role=banner] a.cmsActive {
	border-bottom-color:var(--color);
}
[role=contentinfo] {
	border-top: 1px solid var(--color);
	padding: 4rem 0;
}
[role=banner] a, [role=contentinfo] a {
	color:inherit;
}


#main {
    flex:1 1 auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
#content { flex:1 1 20rem; }


/* classes for editor */
.Center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}
.Left {
	display:block;
	text-align:left;
}
.Right {
	display:block;
	text-align:right;
}
img.Left {
    float: left;
    margin-right: 1.2rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    shape-image-threshold: 0.2;
    shape-margin: 1.2rem;
    shape-outside: var(--shape-outside-url);
}
img.Right {
    float: right;
    margin-left: 1.2rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    shape-image-threshold: 0.2;
    shape-margin: 1.2rem;
    shape-outside: var(--shape-outside-url);
}

/*
@media (max-width: 1200px) {}
*/