: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: 1rem;
	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
}
#aoc-calendar .weekdays {
	background: #8e352e;  
}


details{
	display:block;
}

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;
}

@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%;
	}

}