html { margin:0; padding:0; height:100%; }
body { margin:0; padding:0; height:100%; font-size:1rem; color:#000000; background-color:#e2cda6; Xorange:#e2cda6; Xgray:#E4E4E2; font-family:Arial,Helvetica; }
                               
a:link { color:#900010; }
a:visited {color:#900010;}
a:active {color:#FF0000;}
a:hover {background:#FFFF80; color:#000000; text-decoration:none;}

#TitleBox {max-width:1616px; margin-bottom:1.2em; background:#FFFFFF; text-align:center; box-shadow:4px 4px 8px #808080;}
#FontButtonsDiv {display:none; text-align:center; margin-bottom:1em;}
.PageFoot {margin-top:5em; margin-bottom:5em; xxxfont-size:0.8em; text-align:center;}
.PageFoot a {text-decoration:none;}

.PicTable {max-width:100%; background:#FFFFFF; box-shadow:4px 4px 8px #808080; border-spacing:4px; border-collapse:separate;}
.PicTable td {font-size:0.8em;}

.DotDiv  {width:0.8em; height:0.8em; background:#D0D0D0; border:2px solid #404040; border-radius:6px; margin-top:0.2em; margin-right:0.7em;}
.AuthorBox {margin-top:1.7em; border-top:1px solid #808080; padding-top:0.4em; }

/* smartphones */
@media screen and (max-width:699px) {
.PageHead {margin-top:1.5em; margin-bottom:2em; xxxfont-size:0.8em; text-align:center;}
.TextBox            {max-width:32em; margin:6px; padding:1em; line-height:160%; text-align:left; background:#FFFFFF; border-radius:16px; box-shadow:4px 4px 8px #808080;}
.TextBoxTransparent {max-width:32em; margin:6px; padding:1em; line-height:160%; text-align:left;}
}

/* tablet & desktop */
@media screen and (min-width:700px) {
.PageHead {margin-top:1.5em; margin-bottom:2em; xxxfont-size:0.8em; text-align:center;}
.TextBox            {max-width:32em; margin:6px; padding:2em 3.5em 2em 3.5em; line-height:160%; text-align:left; background:#FFFFFF; border-radius:16px; box-shadow:4px 4px 8px #808080;}
.TextBoxTransparent {max-width:32em; margin:6px; padding:2em 3.5em 2em 3.5em; line-height:160%; text-align:left;}
}

@media print {
.PageHead {font-size:12pt; margin-top:0.2em; margin-bottom:2em; xxxfont-size:0.8em; text-align:center;}
.TextBox            {font-size:12pt; margin:6px; padding:1em; line-height:160%; text-align:left; background:#FFFFFF; border-radius:16px; box-shadow:4px 4px 8px #808080;}
.TextBoxTransparent {font-size:12pt; margin:6px; padding:1em; line-height:160%; text-align:left;}
}

.PageHead a {text-decoration:none;}
.NoUnderlineBox a {text-decoration:none;}

.invers {color:#FFFFFF;}
.invers:hover {color:#000000;}

.background {
	  position:fixed; top:0; left:0; z-index:-2;
	  width:100vw; height:100vh;
	  background-image: url('bg.jpg');
	  background-size:cover; background-position:center; background-repeat: no-repeat;
	  filter:blur(8px);
	}

.overlay {
	  position:fixed; top:0; left:0; z-index:-1;
	  width:100vw; height:100vh;
	  background-color:rgba(244, 218, 167, 0.5);  /* Orange:rgba(255, 165, 0, 0.5); */
	}

.contentBody { position:relative; Xz-index:1; Xpadding:2rem; }

input[type="button"] { padding:0.4em 0.8em 0.4em 0.8em; }