html{
	scrollbar-color: #ffd0d0 #ffe0e0;
	scrollbar-width: auto;
}
body{
	padding:0; margin:0;
	//background-image: linear-gradient(pink,white);
	background-color:#ffffff;
	
	font-size:14pt;
	font-family:verdana,arial,sans-serif;
	color:#808080;
	
}

img{image-rendering:crisp-edges;}
img.vflip{
	-moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

a{text-decoration:none;color:#ff9090;}
a:visited{text-decoration:none;color:#ff8080;}
a:hover{text-decoration:none;color:#ffc0c0;}

a.atit{text-decoration:none;color:#ffc0c0;}
a:visited.atit{text-decoration:none;color:#ffc0c0;}
a:hover.atit{text-decoration:none;color:#ffe0e0;}

a.anav{text-decoration:none;color:#ffa0a0;}
a:visited.anav{text-decoration:none;color:#ffa0a0;}
a:hover.anav{text-decoration:none;color:#ffc0c0;}



.parent{
	display:grid;
	
	grid-template-columns: 100%;
	grid-template-rows: fit-content(30%) fit-content(20%) auto fit-content(10%);
	gap: 0;
	grid-template-areas:
		'tit'
		'nav'
		'main'
		'foot';
	justify-content:center;
	
	//sticky fix
	overflow:auto;
	//height:100%;
	height:fit-content(100%);
	
}
.box{
	background-color:#ffffff;
	padding:1em;
	
	//border-left:1rem solid pink;
	//border-right:1rem solid pink;
}
.empty {
	grid-area:empty;
}
.tit{
	grid-area:tit;
	
	//background-image: linear-gradient(pink,white);
	font-size:36pt;//24pt;
	
	color:#ffc0c0;
	
	display:flex;
	align-items:center;
	justify-content:center;
}
.nav{
	grid-area:nav;
	
	background-color:#fff0f0;
	background-image: linear-gradient(#fff0f0,#ffffff);
	border-bottom:4px solid #ffe0e0;
	 
	color:#ffc0c0;
	
	position:sticky;
	position: -webkit-sticky;
	top:0;
	right:0;
	z-index:99;
	
}
.main{
	grid-area:main;
	
}
.foot{
	grid-area:foot;
	
	//background-image: linear-gradient(white,pink);
	font-size:8pt;
	color:#f0f0f0;
	//position:sticky;
	//bottom:0;
	
}


div.BigTitle{
	text-align:center;
	font-size:24pt;
	margin:48px;
	color:#808080;
}


div.Post{
	position:relative;
	left:10%;
	width:80%;
	font-size:16pt;
	padding-bottom:48px;
	margin:0; 	margin-top:24px;	margin-bottom:48px;
	line-height:150%;
	//color:#808080;
}
div.PostTitle{
	position:relative;
	left:10%;
	width:80%;
//	text-align:center;
	font-size:20pt;
	margin-top:12px;
	margin-left:24px;
	margin-right:24px;
	padding-bottom:12px;
	//color:#808080;
}
div.PostDate{
	position:relative;
	top:-40px;
	left:10%;
	width:80%;
	text-align:right;
	font-size:14pt;
	//font-weight:bold;
	//color:#808080;
}
div.BEGGAR{
	font-size:16pt;
	padding-bottom:48px;
	margin:0; 	margin-top:24px;	margin-bottom:48px;
	line-height:150%;
	color:#808080;
}