/* for making global variables */
:root{
	--bg: #111;
	--ibg: ;
	--fg: #333;
	--bc: #234;
	--htwo: #ffb90f;

}
nav{

}
code{
	word-break: break-all;
	width: 50px;


}


img[src$='#center']{
  display: block;
  margin: 0.7rem auto; /* you can replace the vertical '0.7rem' by
                            whatever floats your boat, but keep the
                            horizontal 'auto' for this to work */
  /* whatever else styles you fancy here */
 }
img[src$='#floatleft']{
    float:left;
    margin: 0.7rem;

}
img[src$='#floatright']{
    float:right;
    margin: 0.7rem;
	max-width: 90%;
}
img{
	max-width:90%;
}
.indeximg img{
	margin: auto;
	max-width: 90%;
	max-height: 400px;
	display: block;

}


body {
	font-style: sans-serif ;
	background: var(--bg) ;
	color: #ccc ;
}

main {
	max-width: 800px ;
	margin: auto ;
	color: white;
}
main > article {
	background: var(--fg);
	margin-bottom: 0;
	padding: 1em;
	border-color: var(--bc) ;
	border-width: 1em 1em 1em 1em;
	border-style: solid;
	border-radius: 20px ;
	margin: auto;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}
h1,h2,h3,h4,h5,h6{
	font-family: "EB Garamond", Garamond, Serif;
	text-align: center;
	text-shadow: 1px 1px var(--bg);
}
h1 {
	color: lightblue ; }
h2{
	color : tomato;
	font-size: 21px}
h3 {
	font-size: 26px;
	color: var(--htwo) ; }
h4{
		color: deepskyblue;}
a { color : turquoise ; }
a:link{
	text-decoration: none;}
a:hover{ color: greenyellow;} footer {
	max-width: 400px;
	background: var(--fg);
	margin-left: auto;
	margin-right: auto;
	margin-top: -16px;
	text-align: center;
	clear: both;
	border-color: var(--bc);
	border-width: 0 1em 1em 1em;
	border-style: solid ;
	border-radius: 0 0 20px 20px;
	text-decoration: none;



}

/* 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% ;
}