@charset "utf-8";


html{
	background-color: #ddd;
}

body
{
   max-width: 45em;
   min-height: 100vh;
   font: normal 100% 'sans-serif';
   background-color: white;
   padding: 0 1.5vw;
   margin: 0 auto;
   padding-bottom: .6em;
   text-align: left
}


h1
{
	font: normal 140% 'sans-serif';
   padding: .5em 0 .4em 0;
   margin: 0;
   color: #0000aa;
}

h2
{
	font: normal 125% 'sans-serif';
   padding: .2em 0 .5em 0;
   margin: 0;
   color: #0000aa;
}

h3
{
   margin: .5em 0;
   font: italic 1.3em Georgia, serif;
}

h4
{
	margin: 0;
   padding: .6em 0 .3em 0;
   font: italic 1em Arial, sans-serif;
   color: #0000aa;
}

p
{
   padding: .3em 0;
   margin: 0;
   /* text-align: justify;*/
   /* text-indent: 1.5em; */
}

br{margin: 0 0 .3em 0;}

img
{
   /*display: block;*/
   margin: .15em 0;
   max-height: 60vh;
   max-width: 100%;
   border: 1px solid grey;
}

.Entry{
   display: flex;
   /*justify-content: center; */
   align-items: center;
	overflow: hidden;

	cursor: pointer;
	font: italic 103% 'sans-serif';
}

.Entry > img{
	max-height: 30vh;
	max-width: 45%;
	margin: .3em 4% .3em 0;
}


#MenuCnt{
	width: 100%;
	height: 1px;
	position: relative;
}

#Menu{
	position: absolute;
	right: .3em;
	top: 0;
	z-index: 1;
	height: 1.5em;
	border: none; /*1px solid black;*/
	cursor: pointer;
}

#MenuDrop{
	position: absolute;
	right: .3em;
	top: 2em;
	background-color: #eef;
	z-index: 2;
	display: none;

   list-style-type: none;
   margin: 0;
	padding: .3em;
}

#MenuDrop > li{
	color: #33f;
	margin: .4em 0;
	cursor: pointer;
}

#Fuss{
	margin: 1em 0 0 0;
	padding: .3em;
	background-color: #ddd;
	color: #44a;
	font-size: 90%;

	display: flex;
	justify-content: space-around;
	/* text-align: center; */
	cursor: pointer;

}