:root{
	--main-bg-color: rgb(15, 15, 15);
	--win-bg-color: rgb(0, 0, 0);
	--main-txt-color: rgb(170, 170, 170);
	--link-color: rgb(0, 150, 50);
	--link-color-light: rgb(0, 225, 85);
}


body{
	background: var(--main-bg-color);
	color: var(--main-txt-color);
	font-family: arial;
	font-size: 1.4rem;
	padding: 1rem;
	line-height: 1.2;
}

.tags{
	line-height: 1;
	background: var(--main-bg-color);
	color: var(--link-color);
	padding: 1rem;

}
blockquote{
	background-color: var(--win-bg-color);
	color: var(--main-txt-color);
	padding: 4px;	
	margin: 8px;
	display:block;


	border: 1px solid var(--main-txt-color);
	border-left: 4px solid var(--link-color);
	line-height: 1.2
}

blockquote.admincomment{
	background-color:rgb(40,0,0);
	color:var(--link-color);
}

code{
	width: 50%;
	display:block;
    //word-wrap:break-word;
    //white-space:nowrap;
}

div{
    word-wrap: break-word;
	position:absolute;
}

span.caption{
	display:block;
	text-align:center;
	color:rgb(200,15,50);
}

a{
	color:var(--link-color);
}

.footer {
	position:absolute;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 1;
	background: var(--main-bg-color);
	color: var(--link-color);
	padding: 1rem;
}

.container{
	position:relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	min-height: 0;
	min-width: 100%;
	width: 100%;
	margin-left:0;
	margin-right:0;
}

.flex-item{
	margin-left:0;
	margin-right:0;
	text-align:center;
	position:relative;
	border: 3px solid #333;
	max-width:100%;
	min-height: 0;
	min-width: 0;
}

@media screen and  (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
	div{
		margin-left: 5%;
		margin-right: 5%;
		max-width: 80%;
	}

}

@media screen and  (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	div{
		margin-left: 18%;
		margin-right: 18%;
		max-width: 60%;
	}

}