body {
	font-family: sans-serif ;
	background: #212121 ;
	color: #fff ;
	margin: 0;
}

main {
	max-width: 900px ;
	margin: auto ;
	padding-left: 10px;
	padding-right: 10px;
}

img {
	max-width: 100% ;
}

a {
	color: #00bfff;
}

head{
	background: #333333 ;
}

header h1 {
	margin: 20px, 0;
	text-align: center ;
}

header h2 {
	margin: 20px, 0;
	text-align: center ;
}


footer {
	text-align: center ;
	clear: both ;
}

time {
	font-family: monospace;
}

ul {
	list-style: none;
	padding-inline-start: 0px;
}

li:not(:last-child) { 
   margin-bottom: 10px;  
}

p {
	line-height: 1.5;
}


/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
	padding: 1em ;
	border-radius: 20px;
	background: #333333 ;
}


/* For HEADER.HTML */
#topbar {
	background: #333333 ;
	min-height: 80px ;
    padding-top: 32px;
}

#topdiv {
	margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    max-width: 900px;
	text-align: center ;
}

.leftlink {
	float: left ;
	text-align: left ;
	display: inline-block;
	padding-left: 10px;
}


.rightlink {
	float: right ;
	text-align: right ;
	display: inline-block;
	padding-right: 10px;
}

.link-white {
	color: #fff;
	text-decoration: none;
}


.fig {
	text-align: center;
}